Как отложить загрузку изображений и управлять приоритетом?

Практический смысл

<img src="hero.webp" alt="..." fetchpriority="high" />
<img src="below.webp" alt="..." loading="lazy" width="800" height="450" />

• loading="lazy" — грузить ниже fold позже.
• fetchpriority="high" — подсказать приоритет LCP-картинке.
• width/height — уменьшить CLS.

Не ставьте lazy на главный герой первого экрана.

Итог: lazy для нижеfold; high priority + размеры для LCP.