Native lazy loading: loading="lazy" без сторонних библиотек
Когда браузер сам откладывает картинки ниже fold, почему LCP-изображению lazy вредит и какие fallback для старых клиентов.
Атрибут `loading="lazy"` на `<img>` и `<iframe>` откладывает загрузку до приближения к viewport — экономит трафик на длинных лентах и каталогах.
LCP-элемент и первый экран не должны быть lazy: браузер задержит главный кадр и ухудшит Core Web Vitals.
- Browser-level image lazy loading — web.dev — Рекомендации Google по lazy и LCP.
- Lazy loading — MDN — Обзор техник отложенной загрузки.
Каталоги
Для первых N карточек в сетке используйте eager или fetchpriority=high только для видимых в первом ряду.
Сохраняйте width/height, чтобы lazy не вызывал CLS при подгрузке.