Что такое ленивая загрузка картинок

Ленивая загрузка (lazy loading) — картинки и видео загружаются не сразу, а когда посетитель прокручивает страницу до них. В HTML это атрибут loading="lazy".

Зачем нужна

Страница с десятками фото быстрее открывается: браузер не тратит время на картинки, которые человек может и не увидеть. Это экономит трафик на смартфонах и улучшает скорость загрузки.

Когда вредит

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

Как правильно

• первому экрану — обычная загрузка, остальным — loading="lazy";
• указывать ширину и высоту картинок, чтобы не прыгала вёрстка;
• использовать встроенный атрибут браузера вместо самописных скриптов.

Как проверить

Аудит SerpWatch с ключом PageSpeed покажет LCP главной и ключевых страниц. Если главный блок появляется дольше 2,5 секунды, проверьте, не стоит ли на нём ленивая загрузка.

Частые вопросы

Видит ли Яндекс картинки с loading="lazy"?

Да, встроенный атрибут не мешает роботу: адрес картинки есть в HTML.

Нужна ли ленивая загрузка на маленьких страницах?

Если картинок мало и все на первом экране — нет.