Lazy loading экономит трафик, но легко ломает конверсию: где ставить, а где отключать

Lazy loading экономит трафик, но легко ломает конверсию: где ставить, а где отключать

Lazy loading нужен не везде. Его задача — не грузить то, что пользователь ещё не видит. Но если отложить важный контент, можно просадить CR сильнее, чем выиграть в скорости.

Где lazy loading работает:
— изображения ниже первого экрана;
— галереи, отзывы, блоки “похожие товары”;
— длинные лендинги и контентные статьи;
— iframe с картами, видео, виджетами.

Где лучше не включать:
— hero-изображение;
— первый экран с оффером, ценой, CTA;
— логотип и ключевые иконки;
— элементы, от которых зависит LCP.

Если critical image уходит в lazy load, браузер начинает ждать скролла или IntersectionObserver. В итоге LCP растёт, а пользователь видит пустоту или “прыгающий” экран. Для SEO и Core Web Vitals это плохая сделка.

Правило на практике:
1) первый экран — только preload или обычная загрузка;
2) всё ниже fold — lazy load;
3) для картинок задавай width/height, чтобы не ловить CLS;
4) проверяй, не скрыт ли CTA внутри отложенного блока;
5) для видео и карт лучше ставить превью, а не тяжелый embed.

Если после включения lazy loading выросла глубина просмотра, но упал CR — смотри не на саму технику, а на то, что именно она отложила. Самая частая ошибка — экономить байты на том, что продаёт.