lazy load для instantcms 2
кто-нибудь понимает, как реализовать?
Ленивая загрузка (lazy loading) – это отказ от загрузки всего контента на странице, когда в этом нет нужды. При этом применяется маркер, сообщающий, что данные не загружены, но в случае необходимости их нужно будет загрузить.
Предполагаю, ее нужно подключать при сжатии html страницы (или ее отдаче)
InstantCMS 2.X
#1
7 мая 2019 в 12:58
#2
7 мая 2019 в 23:05
#3
8 мая 2019 в 00:19
Данное решение применимо к определенному шаблону, а не к самой системе.
Если я не прав- поправьте.
Если я не прав- поправьте.
Сегодня в 07:19
#4
8 мая 2019 в 11:47
Данное решение применимо к определенному шаблону, а не к самой системе.
в том же, всеми любимом WP — происходит при выдаче страницы перестройка ее
Самый простой вариант реализовать это все дело вот sysadmin.ru/articles/nastrojka-lazy-load-v-wordpress-bez-plaginov
Не смотрите, что для wp написано, немного воображения и можно заставить лениво грузиться даже холодильник дома
PageSpeed Insights — будет точно доволен.
Не смотрите, что для wp написано, немного воображения и можно заставить лениво грузиться даже холодильник дома
PageSpeed Insights — будет точно доволен.
На первой ветке решалось просто
preg_match_all('/<img (.*?)\/>/', $article['content'], $images);
if(!is_null($images)){
foreach($images[1] as $index => $value){
$new_img = str_replace('src=', 'class="lazy" data-original=', $images[0][$index]);
$article['content'] = str_replace($images[0][$index], $new_img, $article['content']);}}
и подключить скрипт
preg_match_all('/<img (.*?)\/>/', $article['content'], $images);
if(!is_null($images)){
foreach($images[1] as $index => $value){
$new_img = str_replace('src=', 'class="lazy" data-original=', $images[0][$index]);
$article['content'] = str_replace($images[0][$index], $new_img, $article['content']);}}
и подключить скрипт
#7
8 мая 2019 в 20:18
тут примерно также.
только надо создать пустой компонент, хук в нем.
Найти место где зацепиться хуком после типографа.
И подключить скрипт.
только надо создать пустой компонент, хук в нем.
Найти место где зацепиться хуком после типографа.
И подключить скрипт.