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

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

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

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

Бесплатно

Или позвоните: +7 (499) 677-61-84·+7 (4872) 702-730

Нужна лицензия 1С-Битрикс?

Поможем купить новую лицензию или продлить действующую — «1С-Битрикс: Управление сайтом» и Битрикс24.

Купить или продлить лицензию

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

Опубликовано:: 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 - конвертер изображений в современный формат «на лету»

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

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

Для чего нужен модуль LazyLoad LITE и какую проблему он решает?

Модуль автоматически внедряет отложенную загрузку изображений на сайте, используя нативный HTML-атрибут loading="lazy". Это ускоряет начальную загрузку страниц, снижает потребление трафика и устраняет рекомендацию «Отложите загрузку скрытых изображений» в Google PageSpeed Insights без использования дополнительных JavaScript-скриптов.

С какими редакциями 1С-Битрикс совместим продукт?

LazyLoad LITE совместим со всеми редакциями платформы: от «Первого сайта» до «Интернет-магазин + CRM». Решение корректно работает с технологией Композит (кеширование) и не требует внесения изменений в ядро системы.

Какова стоимость и условия лицензирования модуля?

Стоимость указана на странице продукта и включает лицензию на одну установку для одного сайта. Модуль приобретается единоразово, без абонентской платы, с правом использования на текущей версии Битрикс. Обновления и поддержка предоставляются в рамках лицензионного соглашения.

Сложно ли установить и настроить модуль?

Установка выполняется стандартным способом через Marketplace или административную панель Битрикс. После активации модуль начинает работать автоматически — дополнительная настройка не требуется. При необходимости можно задать фильтры исключений для изображений с определенными классами или URL.

Предоставляется ли техническая поддержка после покупки?

Да, поддержка осуществляется через систему тикетов на сайте разработчика или в личном кабинете Marketplace. Время ответа обычно не превышает 24 часов в рабочие дни. В рамках поддержки помогают с установкой, настройкой фильтров и решением возможных конфликтов с другими модулями.

Установка модуля из Маркетплейса
Перейдите в административном разделе сайта в «Маркетплейс» → «Каталог решений». Найдите модуль «LazyLoad LITE: Оптимизация отложенной загрузки изображений», нажмите «Установить» и дождитесь завершения установки.
Настройка прав и активация модуля
Перейдите в «Настройки» → «Настройки продукта» → «Модули». Найдите в списке модуль «LazyLoad LITE» и убедитесь, что он включен (флажок «Активен» установлен). При необходимости настройте права доступа для групп пользователей.
Открытие страницы настроек модуля
В списке модулей нажмите на ссылку «Настройки» рядом с модулем «LazyLoad LITE». Откроется форма с параметрами отложенной загрузки изображений.
Настройка фильтров исключений
В полях «Исключить изображения по классу» и «Исключить изображения по строке в URL» укажите через запятую классы (например, logo, banner) или фрагменты URL, для которых ленивая загрузка не должна применяться. Остальные параметры оставьте по умолчанию.
Сохранение и проверка работы модуля
Нажмите кнопку «Сохранить настройки». Откройте любую страницу сайта с изображениями, прокрутите её вниз и убедитесь, что картинки подгружаются только по мере скролла. Для проверки используйте инструменты разработчика браузера (вкладка Network).
Проверка в PageSpeed Insights
Перейдите на сервис Google PageSpeed Insights, введите URL проверяемой страницы и запустите анализ. Убедитесь, что рекомендация «Отложите загрузку скрытых изображений» больше не отображается в результатах аудита.