Дмитрий Кротов

LazyLoad LITE: Оптимизация отложенной загрузки изображений

Name: LazyLoad LITE: Оптимизация отложенной загрузки изображений
Price: 15000 RUB
Availability: InStock
Author: Дмитрий Кротов

Готовое решение LazyLoad LITE для 1С-Битрикс ускорит загрузку сайта с помощью отложенной загрузки изображений. Установлено более 1000 раз. Купите шаблон.

Более 1 000 установок 1С-Битрикс

от 15 000 ₽ до 45 000 ₽

Технические данные

Опубликовано:: 03.11.2020
Обновлено:: 25.05.2022
Версия:: 1.0.2
Установлено:: Более 1000 раз
Подходящие редакции:: «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес», «Интернет-магазин + CRM»
Адаптивность:: Да
Поддержка Композита:: Да
Совместимо с Сайты24: Нет

Онлайн-демонстрация

Хотите увидеть продукт в действии? Запросите демонстрацию — мы покажем всё вживую и ответим на вопросы.

Модуль LazyLoad LITE для 1С-Битрикс представляет собой готовое решение, автоматически внедряющее отложенную загрузку изображений на страницах сайта. Инструмент использует современный HTML-атрибут loading="lazy" (встроенную функцию браузеров), что позволяет загружать картинки только в момент их появления в зоне видимости пользователя. Основная цель продукта — ускорить начальную загрузку страниц, сократить потребление трафика и решить проблему "Отложите загрузку скрытых изображений" в Google PageSpeed Insights, не прибегая к дополнительным JavaScript-скриптам.

Возможности и технические характеристики

Решение работает на платформе 1С-Битрикс и совместимо со всеми редакциями: от "Первого сайта" до "Интернет-магазин + CRM". Модуль адаптивен, поддерживает технологию Композит (кеширование) и не требует сложной настройки. Ключевое преимущество LazyLoad LITE — отказ от JavaScript: браузер самостоятельно управляет ленивой загрузкой, что исключает потерю баллов PageSpeed на выполнение дополнительного кода. Встроены гибкие фильтры для исключений:

Отключение ленивой загрузки для изображений с определенными классами (например, для логотипов или критичных элементов).
Фильтрация по строке в URL изображения — актуально для счётчиков аналитики, пикселей ретаргетинга и трекеров, которые не должны откладываться.

Что получает покупатель после установки

После установки модуль автоматически размечает все изображения в тегах img атрибутом loading="lazy". Владелец сайта получает прирост скорости загрузки страниц, снижение нагрузки на сервер и улучшение показателей Core Web Vitals без изменения вёрстки. Решение не требует ручного редактирования кода — достаточно активировать модуль в административной панели и при необходимости настроить исключения через интуитивный интерфейс. Продукт протестирован на сайтах с высокой посещаемостью (более 1000 установок) и стабильно работает с версии Битрикс 2020 года.

Для кого подходит

LazyLoad LITE — универсальное решение для любого бизнеса, использующего 1С-Битрикс: интернет-магазины, корпоративные порталы, новостные и блоговые платформы. Особенно полезно для сайтов с большим количеством графического контента — каталогов товаров, фотогалерей, лендингов. Инструмент подходит как для начинающих веб-мастеров, не желающих углубляться в технические детали, так и для опытных разработчиков, ценящих минималистичные и производительные решения без лишнего кода.

Модуль автоматически размечает изображения на странице в тегах 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://yoomoney.ru/to/41001510540341
-------------------------------------------------------------------
Ещё полезные модули для ускорения сайта:
Если вам требуется решить проблему оптимизации изображений и конвертирования их в современный формат, вам может быть интересен другой мой модуль:
Webp - конвертер изображений в современный формат «на лету»