LCP (Largest Contentful Paint)

LCP (Largest Contentful Paint) — время до момента, когда самый крупный видимый элемент страницы (обычно — главное изображение или заголовок) отрисован в viewport.

Порог 2026: хорошо если < 2.5s, плохо если > 4s.

Главные виновники плохого LCP:

• Тяжёлое hero-изображение без оптимизации.
• Серверный TTFB > 1s.
• Блокирующий JS перед отрисовкой.
• Шрифты с FOIT (Flash of Invisible Text).

Что помогает: preload hero-картинки, WebP/AVIF, CDN, server-side rendering, font-display: swap.

Связано: Core Web Vitals, INP.