Lazy loading убивает конверсию на лендингах и в корзине — вот где его использовать без потерь

Lazy loading убивает конверсию на лендингах и в корзине — вот где его использовать без потерь

Lazy loading экономит трафик и ускоряет первый показ страницы. Но он работает только там, где посетитель заранее знает, что ему нужно скроллить. На лендингах и в критичных местах конверсионной воронки это стоит дорого.

Где lazy loading работает:
— Каталоги товаров: пользователь пришёл смотреть список, скроллит и ждёт загрузки карточек
— Галереи в постах и портфолио: контент второстепенный, задержка в 200ms некритична
— Комментарии под постами и отзывы: первых 10 хватает, остальное загружается по скроллу
— Реклама в сайдбаре и подвалах: не влияет на главный путь пользователя

Где ломает конверсию:
— Выше fold на главной и лендинге: изображение товара или баннер загружаются со щелчком — пользователь видит пустоту и уходит
— Кнопки и формы: если кнопка «купить» или поле ввода номера загружаются с задержкой, метрика INP взлетает и рейтинг падает
— Цена и рейтинг в топе: критичная информация задерживается на 300-500ms — пользователь теряет доверие
— Видео в блоке с CTA: посетитель не видит превью, не кликает, уходит

Практика: включи lazy loading на изображения ниже fold и в каталогах, отключи на главной картинке, кнопках и форме. Проверь это через DevTools — откройся Network, отключи JavaScript