Настройки плагина
Настройки находятся в «Магазин → Плагины → 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 | выкл |
| Ограничить размер прелоадера | выкл (вкл, если мешают пустые блоки) |
Это ориентир для начала, а не требование: подберите значения под свою тему и проверьте витрину.