Lazy loading экономит вес страницы, но легко режет конверсию, если вешать его на всё подряд

Lazy loading экономит вес страницы, но легко режет конверсию, если вешать его на всё подряд

Lazy loading нужен там, где контент ниже первого экрана и не влияет на первый клик: картинки в ленте, отзывы, похожие товары, iframe с картами и видео. Для этого ставьте loading="lazy" или IntersectionObserver, но только после проверки: элемент не должен быть нужен для LCP, CLS или первого CTA.

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

На лендингах и прелендах правило простое: лениво грузим только «второй экран и ниже». Все, что помогает понять оффер за 2–3 секунды, должно быть в HTML или в приоритете загрузки. Для картинок задавайте width/height или aspect-ratio, иначе lazy loading превращается в CLS-генератор.

Если нужен быстрый чек: откройте страницу с отключенным кэшем, посмотрите, что видно без скролла, и сравните с тем, что реально отрисовано первым. Все важное — не lazy, все второстепенное — lazy.