Как улучшить LCP (Largest Contentful Paint)

Оптимизируйте изображения

Используйте WebP/AVIF формат, lazy loading для изображений ниже первого экрана, и задайте width/height.

<img src="hero.webp" width="1200" height="600" loading="eager" alt="...">

Включите кэширование

Настройте Cache-Control заголовки для статических ресурсов.

Cache-Control: public, max-age=31536000, immutable

Уменьшите TTFB

Используйте CDN, оптимизируйте серверные запросы, включите HTTP/2.

Предзагрузите критические ресурсы

Добавьте preload для шрифтов и hero-изображений.

<link rel="preload" href="/fonts/main.woff2" as="font" type="font/woff2" crossorigin>