Салон красоты выложил портфолио на 24 фото в блоке «Галерея», поставили кеш-плагин с агрессивной отложенной загрузкой — и в лайтбоксе вместо снимков серые плитки. Владелица убрала галерею, хотя WordPress и блок Gutenberg тут ни при чём: сработала двойная «ленивость» поверх ядра. Вы разберётесь, что уже включено в системе, оставите один слой оптимизации, настроите исключения для клика по фото и за вечер проверите результат во вкладке «Сеть» браузера без программиста.
Отложенная загрузка (в коде страницы это атрибут loading=»lazy» у картинки) говорит браузеру: не качай файл, пока пользователь не докрутил почти до него. С WordPress 5.5 это делает само ядро; с версии 6.3 первые три картинки в тексте записи обычно грузятся сразу, без принудительной лени. Отдельный плагин нужен редко — чаще вредит второй слой lazy load в кеше. Правило как с термостатом: один регулятор, осознанные исключения для логотипа, первого экрана и превью в лайтбоксе.
В 2026 году встроенная отложенная загрузка браузера уже в ядре WordPress; MDN и справка разработчика описывают одно: файл тянется, когда кадр близко к экрану. Классическая галерея через шорткод раньше размечалась иначе, чем одиночные фото (тикет #58681) — отсюда путаница. Ниже маршрут для сайта услуг без лишних плагинов.
- Оцените, зачем отложенная загрузка на сайте услуг и что она не исправит
- Проверьте, что WordPress уже включает lazy load без плагина
- Настройте галерею Gutenberg и длинные статьи без поломки сетки
- Оставьте один слой lazy load и настройте исключения для лайтбокса
- Проверьте результат в Network, на мобильном и в Lighthouse
- Избегите шести ошибок: логотип, обложка, прыгающая высота, SEO-паника
- Частые вопросы
- Включена ли отложенная загрузка в WordPress по умолчанию?
- Нужен ли плагин lazy load для галереи Gutenberg?
- Чем отличается галерея-шорткод от блока Gutenberg?
- Ломает ли lazy load SEO и индексацию картинок?
- Как исключить первую картинку из lazy load без кода?
- Почему лайтбокс показывает серую плитку?
- Когда отключить lazy load полностью?
Оцените, зачем отложенная загрузка на сайте услуг и что она не исправит
Страница с десятками фото тормозит первый экран — отложенная загрузка не тянет все JPEG сразу. Это не заменяет WebP, alt и кеш, но помогает длинным статьям и портфолио.
| Задача | Отложенная загрузка | Формат WebP и размер файла | Кеш страницы |
|---|---|---|---|
| Меньше файлов при первом открытии | Да, для картинок ниже экрана | Нет, вес каждого файла тот же | Да, но другим механизмом |
| Быстрее главное фото и шапка | Только если hero не «ленивый» | Да, если файл легче | Да |
| Риск сломать лайтбокс | Высокий при двух слоях lazy | Низкий | Средний, если плагин подменяет src |
| Что сделать новичку первым | Проверить, не дублируется ли с ядром | Сжать тяжёлые оригиналы | Очистить кеш после правок |
Типичная ошибка — включить lazy load и в ядре, и в LiteSpeed Cache, и ещё в «ускорителе» из обзора. Галерея и одиночные фото начинают вести себя по-разному, а винят блок Gutenberg. Один слой — предсказуемость.
Проверьте, что WordPress уже включает lazy load без плагина
С 5.5 ядро добавляет loading к img и iframe (фильтр wp_lazy_loading_enabled). С 6.3 первые три медиа в тексте записи обычно без принудительного lazy (порог wp_omit_loading_attr_threshold). Без width и height у img сетка может «прыгать» — не обрезайте размеры вручную.
- Откройте запись с 10+ фото в блоке «Галерея», очистите кеш сайта и CDN.
- В Chrome нажмите F12, вкладка «Сеть» (Network), фильтр Img, обновите страницу.
- Запишите, сколько файлов изображений ушло до первой прокрутки вниз.
- Правый клик по странице — «Просмотреть код», найдите img внутри галереи: есть ли loading=»lazy», width и height.
- Сверьте список плагинов: ищите второй модуль «Lazy Load» или «Image Optimization» с той же галочкой.
Отдельный плагин нужен редко — когда важны исключения по классу skip-lazy без кода. Чаще хватает ядра и настроек кеша.
Настройте галерею Gutenberg и длинные статьи без поломки сетки
Блок «Галерея» выводит сетку с подписями. Если все 30 файлов в Network сразу — ищите второй lazy load в кеше. Для портфолио держите один блок галереи, не десяток отдельных img. Alt проверьте по гайду alt-текста.
Оставьте один слой lazy load и настройте исключения для лайтбокса
Типичный кейс на wordpress.org: кеш-плагин и лайтбокс — клик открывает пустышку, потому что src ещё заглушка. Добавьте класс галереи в исключения lazy load (в LiteSpeed — Lazy Load Image Class Name Excludes).
Схема без войны плагинов:
Очистить кеш → проверить Network → если lazy дважды: выключить в плагине ИЛИ в ядре (обычно оставляют ядро) → добавить исключение для лайтбокса → клик по фото → полный размер на экране
- Решите, кто главный: ядро WordPress (по умолчанию) или один модуль в кеш-плагине — не оба.
- Если оставляете модуль кеша: отключите «Lazy Load images» только после тестовой страницы с галереей, сравните Network до и после.
- Для лайтбокса добавьте класс галереи или обёртки в список исключений (см. справку своего плагина).
- Логотип в шапке и первое фото на главной не должны попадать в агрессивный lazy плагина.
- Сохраните настройки, снова очистите кеш и повторите тест клика по миниатюре.
Не снимайте галерею с сайта, как в истории с салоном — хватит одного исключения. Сначала проверьте двойной lazy, потом вините лайтбокс редактора.
Проверьте результат в Network, на мобильном и в Lighthouse
Успех выглядит так: при первой загрузке в Network не скачиваются все файлы галереи ниже экрана; у первой картинки в тексте нет принудительного loading=»lazy»; клик открывает полный снимок; PageSpeed не ругается на LCP — скорость показа главного крупного фото на экране. Запишите в заметку: сколько img ушло до прокрутки и какой плагин отвечает за lazy — через полгода это спасёт от повторного включения второго слоя.
На медленном 3G в DevTools миниатюры догружаются при прокрутке. Lighthouse на мобильном: если LCP (главное крупное фото) просел — уберите lazy с обложки записи. Метрики и кеш — в гайде по кешированию, вес файлов — WebP.
Избегите шести ошибок: логотип, обложка, прыгающая высота, SEO-паника
Не вешайте отложенную загрузку на логотип и баннер первого экрана — посетитель видит пустое место вместо бренда. Не дублируйте lazy в трёх плагинах «для уверенности». Сохраняйте width и height у миниатюр, иначе при догрузке блок съезжает. На практике одна галочка в кеше плюс ядро дают тот же эффект, что и «супер-плагин» из обзора, но без серых плиток в лайтбоксе.
SEO картинок lazy load не ломает: поисковик по-прежнему видит URL в атрибуте src, важнее осмысленный alt и нормальный вес файла. Не отключайте оптимизацию целиком из страха перед индексацией — чаще страдает скорость и заявки. Если после всех шагов галерея всё ещё странная, зафиксируйте скрин вкладки Network и список плагинов — так быстрее разобрать кейс в форме на сайте (удобнее писать в мессенджер, без обязательного звонка) или в Telegram. Настройку сайта под ключ смотрите в разделе услуги, другие гайды по WordPress — в хабе статей.
Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями (SEO/GEO)).
Достоверность данных: developer.wordpress.org (wp_lazy_loading_enabled, wp_get_loading_optimization_attributes, wp_omit_loading_attr_threshold), Make WordPress Core 5.5 lazy loading, MDN img loading, core.trac.wordpress.org #58681, LiteSpeed Cache lazy load excludes, wordpress.org support (lightbox + lazy load); частотность запросов — Яндекс Вордстат на 2026-10-03 (MCP недоступен, точные показы не верифицированы).
Частые вопросы
Включена ли отложенная загрузка в WordPress по умолчанию?
Да, с версии 5.5 ядро добавляет атрибут loading к подходящим изображениям и iframe, если не отключено фильтром wp_lazy_loading_enabled. Отдельный плагин для базовой «ленивости» обычно не нужен — проверьте исходный код страницы и список плагинов на дубли.
Нужен ли плагин lazy load для галереи Gutenberg?
Чаще нет: блок галереи наследует логику ядра. Плагин имеет смысл, когда кеш-модуль требует ручных исключений для лайтбокса или логотипа. Оставьте один слой — ядро или один модуль в кеше. После смены плагина кеша всегда повторяйте тест Network на той же записи с 10+ фото.
Чем отличается галерея-шорткод от блока Gutenberg?
Шорткод
Ломает ли lazy load SEO и индексацию картинок?
Нет, если в разметке остаётся нормальный src и alt. Поисковики индексируют URL файла; важнее описание alt, скорость страницы и не прятать контент за скриптами. Отключать lazy «для SEO» без замера скорости обычно вреднее.
Как исключить первую картинку из lazy load без кода?
Опирайтесь на порог ядра: первые три медиа в контенте записи без принудительного lazy с версии 6.3. Для обложки записи и hero не включайте агрессивный lazy в кеш-плагине; в настройках плагина добавьте класс skip-lazy или аналог по документации.
Почему лайтбокс показывает серую плитку?
Часто кеш-плагин подменяет src на заглушку до прокрутки, а скрипт лайтбокса открывает ещё не подгруженный адрес. Добавьте класс галереи или превью в исключения lazy load или отключите второй слой оптимизации.
Когда отключить lazy load полностью?
Если после исключений лайтбокс мёртв — временно выключите lazy только в кеше, ядро оставьте, и снова проверьте клик по фото.
