Lazy load Тильда: как работает и когда отключать

Что такое lazy load на Тильде и зачем он нужен

Идея простая: браузеру незачем скачивать фотографию из подвала страницы, пока человек смотрит на заголовок. Если на лендинге двадцать фотографий, а посетитель дошёл только до пятой, остальные можно не грузить вовсе. Тильда по умолчанию использует такой подход: вместо готовой картинки сначала может показываться лёгкая заглушка или пустое место, а полноценное изображение загружается при приближении к нему.

Для Узбекистана это особенно важно. Большая часть трафика из Instagram, Telegram-каналов и рекламы Meta приходит с телефонов, нередко на нестабильной мобильной сети в регионах. Лишние мегабайты на первом открытии — это человек, который закрыл вкладку, не дождавшись оффера. Платный клик уже потрачен, а страницу никто не увидел.

Где находится настройка и стоит ли её трогать

Управление отложенной загрузкой изображений находится в настройках сайта, в разделе дополнительных параметров. Интерфейс конструктора меняется, поэтому точное название пункта сверяйте со справкой Тильды. Обычно опция включена.

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

Когда lazy load на Тильде мешает: LCP и первый экран

LCP — метрика, которая показывает, как быстро появился самый крупный элемент первого экрана. На большинстве лендингов это обложка с большим фото или фоном. Если именно этот элемент загружается с задержкой, пользователь видит пустоту или размытую заглушку, и метрика ухудшается.

Ещё одно следствие отложенной загрузки — сдвиги макета: когда картинка подгрузилась, а место под неё не было зарезервировано, всё содержимое ниже подпрыгивает. В стандартных блоках Тильды пропорции обычно заданы, а вот в Zero Block за размерами нужно следить самому.

Проблемные места обычно такие:

• Обложка с крупным фоновым фото — она почти всегда и есть элемент LCP
• Zero Block с фоновыми картинками и множеством декоративных слоёв
• Слайдер или галерея на первом экране, где первый слайд тяжёлый
• Видео-фон, который забирает на себя весь мобильный канал
• Сторонние виджеты на первом экране: чаты, карты, встроенные формы

Пошагово: как проверить, что именно тормозит

Прежде чем лезть в настройки, выясните реальную причину. Порядок такой:

• Откройте PageSpeed Insights и запустите мобильную версию страницы, а не только десктопную
• Найдите в отчёте, какой элемент назван LCP: картинка, текстовый блок или фон
• Посмотрите диагностику по изображениям: вес, неподходящий размер, формат
• Откройте страницу на реальном телефоне через мобильный интернет, а не через домашний Wi-Fi
• Быстро прокрутите страницу вниз и посмотрите, надолго ли остаются пустые блоки
• Внесите одно изменение и замерьте ещё раз — так видно, что именно помогло

Что чинить в первую очередь: вес картинок и структура первого экрана

В большинстве случаев проблема не в lazy load, а в том, что в обложку загрузили файл прямо с камеры или из дизайнерского макета. Конструктор не может чудом сделать такой файл лёгким.

Рабочий порядок действий:

• Загружайте изображение разумного размера, близкого к тому, что реально показывается на экране
• Сжимайте картинки перед загрузкой
• Для мобильных экранов делайте отдельную, более лёгкую версию фона
• Уберите видео-фон на телефоне или замените его статичной картинкой
• Не ставьте на первый экран несколько тяжёлых блоков подряд
• Перенесите чат, карту и формы ниже первого экрана

Zero Block, галереи и каталоги: особенности

В Zero Block фон и отдельные изображения часто добавляют без оглядки на вес: слой за слоем. Убирайте декоративные элементы, которые ничего не продают, и задавайте размеры явно, чтобы при подгрузке макет не прыгал. Особенно проверяйте мобильную версию: сдвиги там заметнее.

В галереях первый слайд виден сразу, остальные нет, поэтому первый должен быть лёгким. В каталогах и лентах публикаций отложенно подгружаются не только картинки, но и сами карточки порциями. Если товар не находится поиском, смотрите не на lazy load, а на то, есть ли у карточки своя страница и попадает ли она в карту сайта.

Что видит поисковик и как это проверить

Поисковые роботы, которые рендерят страницу, как правило, видят отложенно загруженные изображения, но полагаться на это вслепую не нужно. Запустите проверку URL в Google Search Console и посмотрите отрисованный HTML и скриншот: на месте ли картинки или вместо них пустые блоки. То же самое можно проверить в Яндекс Вебмастере.

Если изображения важны для поиска по картинкам, убедитесь, что у них заполнен alt и что они расположены на индексируемых страницах. Это часть базовой SEO-оптимизации сайта: скорость, индексация и содержимое страницы работают вместе.

Пример из Ташкента, типичные ошибки и чек-лист

Представьте лендинг стоматологии: на обложке большое фото кабинета, ниже галерея работ, отзывы, карта и чат. Трафик идёт из таргета в Instagram, почти весь с телефонов. Владелец видит медленную загрузку и отключает lazy load. Результат: страница тянет сразу галерею, отзывы и карту, а обложка грузится ещё дольше. Правильнее облегчить фото кабинета, убрать видео-фон на мобильных, перенести карту и чат ниже и оставить отложенную загрузку для галереи. Тогда рекламные деньги не сгорают на посетителях, которые уходят с белого экрана.

Типичные промахи: отключить lazy load «для скорости», загрузить в обложку фото огромного размера и винить конструктор, поставить на страницу несколько видео, проверять только на компьютере. Перед публикацией пройдитесь по списку:

• Первый экран быстро открывается на телефоне через мобильный интернет
• Элемент LCP известен, он лёгкий и не загружается с задержкой
• При быстрой прокрутке пустые блоки не висят надолго
• В Search Console на скриншоте страницы видны картинки
• У важных изображений заполнен alt
• Размеры элементов в Zero Block заданы, макет не прыгает

Итог

Lazy load на Тильде — полезная функция, которую почти всегда стоит оставить включённой. Бороться нужно не с ней, а с тяжёлым первым экраном. Если нужна помощь с замерами, скоростью и SEO сайта на Тильде, команда markdev поможет разобраться в причинах и составить план. Опишите свою задачу, и мы обсудим, с чего лучше начать.