LazyLoad LITE - Отложенная загрузка изображений

0

Разработчик: Дмитрий Кротов

Установлено: Более 1000

Обновлено: 25.05.2022

Адаптирован под мобильные устройства

Совместим с редакциями Битрикс: «Первый сайт» / «Старт» / «Стандарт» / «Малый бизнес» / «Бизнес» / «Интернет-магазин + CRM» /

Модуль автоматически размечает изображения на странице в тегах img под отложенную загрузку атрибутом loading="lazy", и отложенная загрузка происходит без использования JS.

Это облегченная версия модуля LazyLoad, которая работает только с изображениями в тегах img.
Преимуществом этой версии является то, что здесь не используется Javascript для реализации ленивой загрузки, а используется атрибут loading="lazy" (введён в 2019 году), благодаря которому браузер самостоятельно производит ленивую загрузку.
Такой механизм позволяет не терять баллы Google Page Speed за счёт дополнительного времени на загрузку и исполнение Javascript и является самым эффективным с точки зрения использования ресурсов браузера.

Относительно Google PageSpeed модуль решает задачу "Отложите загрузку скрытых изображений":

Дополнительные возможности:
  • Есть возможность отключить отложенную загрузку в зависимости от наличия строки в URL изображения (актуально для счётчиков и пикселей ретаргенинга)
  • Есть возможность отключить отложенную загрузку для изображений с определенными классами
  • Есть возможность отключить модуль на определенных доменах, разделах или страницах

Преимущества модуля:
  • Используется самый эффективный и быстрый метод ленивой загрузки изображений
  • Автоматически размечает все подходящие изображения на странице под отложенную загрузку (не требуется вручную указывать специальные классы и атрибуты)
  • Не использует Javascript
  • Учитывает уже существующие атрибуты loading у изображений
  • Работает в композитном режиме
  • Работает в AJAX режиме
  • Работает с CDN
  • Не конфликтует с другими решениями lazyload

Недостатки:
  • Обрабатывает только изображения и только в тегах img (другие теги не поддерживают атрибут loading="lazy")
  • Метод работает только в современных браузерах (в устаревших браузерах изображения будут загружаться как обычно)

Если вам требуется расширенный функционал Lazyload, то вы можете попробовать модуль "LazyLoad PRO - Отложенная загрузка изображений, видео и iframe в 1 клик"


Поблагодарить разработчика:
https://money.yandex.ru/to/41001510540341


-------------------------------------------------------------------

Ещё полезные модули для ускорения сайта:

Если вам требуется решить проблему оптимизации изображений и конвертирования их в современный формат, вам может быть интересен другой мой модуль:
Webp - конвертер изображений в современный формат «на лету»



Для решения проблемы «Устраните ресурсы, блокирующие отображение» можно использовать модуль: Предзагрузчик ресурсов

Для решения проблем с уменьшением размера кода HTML, JS, CSS вы можете использовать модуль Минификация HTML/JS/CSS

Требуется только стандартная установка. Для достижения максимального эффекта рекомендуется исключать из обработки lazyload изображения с первого экрана страницы, чтобы не замедлять его отрисовку.
Техническая поддержка платная.
При обращении за технической поддержкой обязательно указывайте ссылку на сайт, доступы в админку и FTP!
По вопросам техподдержки, обнаружения ошибок и расширения функциональности модуля обращайтесь на почту dronazzz@mail.ru