Настройки плагина

Настройки находятся в «Магазин → Плагины → Lazy load». После изменений нажмите «Сохранить».

Настройки плагина Lazy load

Сводная таблица

Настройка По умолчанию Что делает
Активировать плагин вкл Главный выключатель
Эффект CSS выкл Плавное появление картинки после загрузки
Вертикальная предзагрузка 10 За сколько пикселей по вертикали начинать загрузку
Горизонтальная предзагрузка 0 То же по горизонтали
Количество пропущенных изображений 5 Сколько первых картинок страницы не откладывать
Автодописывание размеров изображения вкл Проставляет width и height после загрузки
Интегрировать со сторонним lazyload выкл Режим совместимости
Отслеживание изменений в атрибутах src выкл Обновляет srcset при смене src
Ограничить размер прелоадера выкл Индикатор 16×16 px
Запрещённые страницы пусто Страницы, где плагин отключён

Значения по умолчанию показаны на странице до первого сохранения. Записываются они только после нажатия «Сохранить».

Активировать плагин

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

Эффект CSS

Пока картинка не загрузилась, она невидима; после загрузки плавно проявляется за 0,3 секунды. Эффект также включает значок «Play» поверх видео-обложек YouTube (см. Разметку). Без этой галочки картинка просто появляется.

Вертикальная и горизонтальная предзагрузка

Расстояние в пикселях до области видимости, при котором картинка уже начинает загружаться.

  • Больше — картинка успевает загрузиться до появления на экране, но заранее скачивается больше файлов.
  • Меньше — экономнее, но при быстрой прокрутке покупатель может увидеть индикатор.
  • Обычно хватает 200–300 px по вертикали. Горизонтальную предзагрузку увеличивайте (50–200 px) только для каруселей и слайдеров, на обычных страницах оставляйте 0.

Количество пропущенных изображений

Первые N картинок страницы загружаются как обычно: они находятся на первом экране, и откладывать их нет смысла. Подберите число равным количеству картинок, видимых без прокрутки (чаще всего 3–8).

  • Считаются теги img и iframe по порядку в HTML страницы.
  • Картинки, исключённые в Исключениях, в счёт не идут.
  • Картинки с LQIP не пропускаются: размытая заглушка показывается сразу.

Автодописывание размеров изображения

После загрузки картинки плагин записывает в тег её width и height. Это помогает против «прыжков» страницы. Для лучшего результата всё равно укажите размеры в самом теге (см. Разметку).

Интегрировать со сторонним lazyload

Включайте, только если в теме или другом плагине уже есть своя ленивая загрузка с атрибутом data-src, которую нельзя отключить. Тогда Lazy load берёт адрес картинки из data-src. Если своего lazyload на сайте нет, оставьте выключенной.

Отслеживание изменений в атрибутах src

Некоторые темы меняют картинку скриптом: например, при выборе цвета подменяют src у главного фото товара. Если после этого показывается старая картинка, включите опцию: при смене src плагин обновит srcset.

Если установлен плагин «Изображения PRO» с включённой такой же функцией, переключатель в Lazy load недоступен: функция уже работает в «Изображениях PRO».

Ограничить размер прелоадера

  • Выключено — индикатор растягивается по ширине будущей картинки.
  • Включено — индикатор 16×16 px. Включайте, если до загрузки картинок на странице появляются слишком большие пустые блоки.

Запрещённые страницы

Список страниц, на которых плагин не работает. Подробно: Исключения.

Рекомендуемые значения

Настройка Значение
Активировать плагин вкл
Эффект CSS вкл
Вертикальная предзагрузка 200
Горизонтальная предзагрузка 0 (для каруселей 50–100)
Количество пропущенных изображений 3–5
Автодописывание размеров вкл
Интегрировать со сторонним lazyload выкл
Ограничить размер прелоадера выкл (вкл, если мешают пустые блоки)

Это ориентир для начала, а не требование: подберите значения под свою тему и проверьте витрину.

Просмотр изображения
Оригинал