Атрибут loading="lazy" на <img> и <iframe> откладывает загрузку до приближения к viewport — экономит трафик на длинных лентах и каталогах.
LCP-элемент и первый экран не должны быть lazy: браузер задержит главный кадр и ухудшит Core Web Vitals.
- [Browser-level image lazy loading — web.dev](https://web.dev/articles/browser-level-image-lazy-loading) — Рекомендации Google по lazy и LCP.
- [Lazy loading — MDN](https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading) — Обзор техник отложенной загрузки.
---
## Каталоги
Для первых N карточек в сетке используйте eager или fetchpriority=high только для видимых в первом ряду.
Сохраняйте width/height, чтобы lazy не вызывал CLS при подгрузке.