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

Что умеет решение

Модуль автоматически добавляет атрибут loading="lazy" к изображениям в тегах img, обеспечивая их отложенную загрузку без использования JavaScript. Это упрощённая версия модуля LazyLoad, работающая исключительно с элементами img. В отличие от стандартных решений, здесь не требуется выполнение скриптов: браузер самостоятельно управляет загрузкой изображений, используя нативный атрибут, внедрённый в 2019 году. Такой подход исключает задержки, связанные с загрузкой и исполнением JavaScript, что помогает сохранить высокие показатели в Google PageSpeed. Механизм эффективно использует ресурсы браузера и решает задачу оптимизации «Отложите загрузку скрытых изображений».

Модуль LazyLoad LITE обеспечивает отложенную загрузку изображений с использованием нативного атрибута loading="lazy". Это наиболее эффективный и быстрый метод, не требующий JavaScript. Скрипт автоматически определяет подходящие теги img на странице, не требуя ручной настройки классов или атрибутов. Решение учитывает уже существующие атрибуты loading и корректно работает в композитном режиме, режиме AJAX и при использовании CDN. Модуль не конфликтует с другими решениями для ленивой загрузки.

Дополнительные настройки позволяют гибко управлять процессом: отключение загрузки для изображений, содержащих специфические строки в URL (например, для пикселей ретаргетинга), исключение элементов по CSS-классам, а также отключение модуля на отдельных доменах, разделах или страницах.

Ограничения: обработка выполняется только для изображений в тегах img, так как другие теги не поддерживают атрибут loading="lazy". Функционал доступен только в современных браузерах; в устаревших браузерах изображения загружаются стандартным способом. Для расширенных возможностей, включая видео и iframe, доступен модуль LazyLoad PRO.

LazyLoad LITE — модуль для отложенной загрузки изображений, разработанный Дмитрием Кротовым. Он ускоряет работу сайта, откладывая загрузку графики до момента её появления в области видимости пользователя.

Для оптимизации изображений и их конвертации в современные форматы также доступен модуль Webp, обеспечивающий преобразование изображений в формат WebP непосредственно во время запроса.

Для устранения ресурсов, блокирующих отображение страницы, доступен модуль отложенной загрузки изображений LazyLoad LITE.

Для уменьшения размера кода HTML, JavaScript и CSS используйте модуль «Минификация HTML/JS/CSS».

General iT поможет установить модуль, настроить его и проверить работу на твоём сайте.