Lazy loading спасает скорость, но легко ломает конверсию и Core Web Vitals

Lazy loading спасает скорость, но легко ломает конверсию и Core Web Vitals

Lazy load нужен не везде. Он хорошо работает для картинок ниже первого экрана, галерей, отзывов, блоков похожих товаров и тяжёлых iframe. Там он режет объём первого запроса, снижает LCP и экономит трафик.

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

Проверьте 4 правила: — выше первого экрана грузим сразу; — для изображений задаём width/height, чтобы не ловить CLS; — для iframe и видео ставим заглушку с кликом; — для скриптов используем defer, а не «ленивую магию» поверх всего подряд.

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