Что делает ленивая загрузка
Ресурс откладывается и начинает загружаться при приближении к области просмотра. Это сокращает стартовый объем данных и число запросов.
Что важно для индексации
Google рекомендует загружать релевантный контент при появлении в области видимости и не делать загрузку зависимой от клика или прокрутки как пользовательского действия. Подробности есть в инструкции Google.
Первый экран
Изображение, которое является LCP, обычно не стоит откладывать. Если изображение первого экрана загружается слишком поздно, метрика LCP ухудшается, хотя общий объем стартовой загрузки меньше.
Ленивая загрузка на Tilda
Tilda использует оптимизацию загрузки изображений. Смысл настройки - дать первому экрану загрузиться быстро и не тянуть тяжелые файлы ниже по странице раньше времени. Общие рекомендации есть в справке Tilda.
Типичные ошибки
- ленивая загрузка главного изображения первого экрана;
- контент появляется только после клика;
- слишком большие исходные изображения;
- iframe и видео грузятся сразу;
- placeholder вызывает скачок макета.
Как проверить
Включите медленную сеть в DevTools, перезагрузите страницу и посмотрите последовательность запросов. Первый экран должен собираться без ожидания ресурсов, которые находятся далеко ниже.
Контроль перед масштабированием
- проверьте, что LCP-изображение не отложено без причины;
- убедитесь, что контент загружается при входе в область просмотра без клика;
- проверьте placeholder и размеры изображений;
- посмотрите Network на медленной сети;
- проверьте отрисованную страницу Googlebot;
Откладывайте то, что действительно находится ниже. Основные изображения, H1 и ключевой текст должны появляться максимально прямым путем.
Как возникает конфликт
Ленивая загрузка превращается в проблему, когда разработчик пытается отложить вообще все. Первый экран начинает ждать скрипт, который должен решить, что уже видимый элемент пора загрузить.
Ленивая загрузка полезна не для каждого элемента
Смысл технологии - не загружать тяжелые изображения, которые еще находятся далеко за пределами первого экрана. Но главный визуальный элемент первого экрана, влияющий на LCP, наоборот, должен появляться как можно раньше. Если применить ленивую загрузку к нему без понимания механики, можно ухудшить ключевой показатель вместо ускорения.
На Tilda ленивая загрузка изображений включена по умолчанию. Платформа отдельно рекомендует не отключать ее без причины. Подробности есть в справке Tilda.
Как оценивать эффект
Сравнивайте не только итоговый балл PageSpeed, но и водопад запросов: какие изображения начали загружаться позже, что стало LCP-элементом, не появился ли скачок верстки. Для комплексной оптимизации смотрите ускорение сайта на Tilda, LCP, CLS и INP и видео на первом экране.
Ленивая загрузка должна зависеть от положения элемента
На Tilda ленивая загрузка изображений включена по умолчанию. Платформа откладывает ресурсы за пределами области просмотра и загружает их по мере приближения пользователя. Официальное описание механики есть в справке Tilda.
Главное изображение первого экрана требует отдельной проверки. Если именно оно становится LCP-элементом, лишняя задержка при загрузке способна ухудшить метрику сильнее, чем экономия на стартовом трафике.
Текст и ссылки не должны зависеть от прокрутки
Для изображений отложенная загрузка естественна. Для основного текста и внутренних ссылок риск выше: содержимое, которое создается только после события прокрутки, может быть обработано иначе. Google рекомендует загружать важный контент при входе элемента в область просмотра без обязательного действия пользователя.
Когда ленивая загрузка работает в плюс
Ленивая загрузка полезна для второстепенных изображений и iframe. Критичные элементы первого экрана и основной текст должны загружаться предсказуемо и без действий пользователя.
