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

Оптимизация изображений включает: использование современных форматов (WebP, AVIF), lazy loading через атрибут loading="lazy" или Intersection Observer, responsive images через srcSet и sizes, и компонент <Image> из Next.js, который делает всё это автоматически. Критичные изображения (hero, LCP) загружаются с priority, остальные — лениво.