[3.2][3.3] Lazy Loading Images — Отложенная (ленивая) загрузка изображений

[Nekstati]

Название расширения: Lazy Loading Images
Автор: Nekstati
Описание расширения: Отложенная (т.н. ленивая) загрузка изображений: вложений, аватар, а также фотографий, вставленных с помощью ББкода. Это позволяет ускорить загрузку страниц и снизить расход трафика, т.к. изображения, которые находятся в нижней части страницы, будут загружаться только если пользователь прокрутит страницу до них. Расширение, в отличие от других подобных, не использует JavaScript и соответственно не имеет проблем совместимости со всевозможными лайтбоксами, спойлерами, а также с AJAX-отправкой сообщений через QuickReply Reloaded. Используется HTML-атрибут loading="lazy". Подробно о том, как это работает.
Внимание: после установки необходимо дополнительно очистить кэш, и лучше физически (опустошить папку /cache/production), иначе атрибут применяется не ко всем изображениям (я ещё не разобралась, почему так).
Язык: любой
Версия: 1.0.0
Версия phpBB: 3.2, 3.3
GitHub: https://github.com/Nekstati/phpBB-LazyLoad
Скачать: https://github.com/Nekstati/phpBB-LazyL ... s/main.zip
 

Как проконтролировать работу расширения 

Видео: https://emalm.com/?v=PEVgx

[Siava]

Круто) сам писал такое расширение, но оно у меня не срослось со спойлером от ppk и вложенными в него картинками, так как использовался javascript.. забросил в итоге.

[er107]

Что-то не замечаю, что оно работает. Обычно, когда включена ленивая загрузка (через плагин на сайте), то если страницу быстро вниз прокрутить, то картинки видно, как они постепенно появляются, а тут мгновенно, как и раньше. Или все в порядке, просто тут как-то иначе проявляется эффект?
(После установки кэш чистил и форума и браузера, пробовал со смартфона, везде картинки появляются без задержки, то есть как будто все сразу уже загружены)

[southklad]

У вложений появляется этот атребут, только ничего особо не изменилось

[ciiz1]

Отключаю кеш в браузере, мониторинг сети, да все картинки загружаются сразу, вероятно зависит от размера, вот страница с большими картинками, там удалось заставить сработать.

[Nekstati]

Что-то не замечаю, что оно работает.

ничего особо не изменилось

 
Добавила видео с демонстрацией работы расширения в первый пост.

[southklad]

Nekstati, Спасибо, ясно и понятно

Голос приятный у вас

[ciiz1]

А что бы только для одного стиля было, можно что нибудь вставить?
Стиль у меня для экспериментов есть (пытаюсь мобильный сделать)

[er107]

А для библиотеки и блогов не прикрутить такую загрузку?

[Nekstati]

А что бы только для одного стиля было, можно что нибудь вставить?

Для вложений в принципе можно, но для ББкода [img] нельзя, т.к. расширение модифицирует компонент, который сохраняется в кэше форума и используется для всех стилей.
 

А для библиотеки и блогов не прикрутить такую загрузку?

С аватарами и ББкодом [img] расширение по идее должно работать везде (посмотрите в веб-инспекторе, появляется ли у картинок атрибут loading="lazy"). С вложениями сложнее - у блогов и библиотеки отдельная система вложений.
Для библиотеки по идее так:
файл ext\sheer\knowledgebase\inc\functions_kb.php - в нём массовая замена <img src на <img loading="lazy" src
А для блога я предусмотрю это в следующем обновлении.

[ciiz1]

но для ББкода [img] нельзя,

Ну тогда ладно, спасибо.
Интересно, на что вообще расширение может повлиять, тем более у меня почти одни автаркии? Трафик ладно, а например, скорость загрузки, рейтинг для поисковиков. HTML-атрибут не может же нести только пользу, иначе он бы везде стоял?
Но всё равно забавно.

[1smerch1]

Прям праздник расширений сегодня, спасибо Nekstati

[Nekstati]

иначе он бы везде стоял?

Он новый. Ещё не везде даже работает (Safari ещё не отелился).

UPD: уже и Safari поддерживает в последней версии: https://caniuse.com/?search=lazy

[1smerch1]

блога

блога как такового и нет для PHPBB, есть один, но он весь кривой, если есть свой переделанный блог, хорошо было бы тоже выложить.

[Nekstati]

1smerch1, как только будет в достаточной степени готов.