LCP (Largest Contentful Paint) — это метрика Core Web Vitals, измеряющая время от навигации по странице до момента, когда на экране отображается самый большой видимый элемент контента.
"Самый большой элемент контента" определяется автоматически браузером; на большинстве страниц электронной коммерции это главное изображение на главной странице, странице списка продуктов (PLP) или странице продукта (PDP), или заголовок H1 на странице блога/статьи. Пороговые значения на 2026 год: ≤ 2.5s хорошо, ≤ 4.0s требует улучшения, > 4.0s плохо.
Распространенные решения для LCP в электронной коммерции: предварительная загрузка изображения LCP с помощью <link rel="preload" as="image" fetchpriority="high">, использование современных форматов (AVIF/WebP), применение priority на компонентах Image в Next.js, рендеринг страницы на стороне сервера (или потоковая передача с края), встроенный критический CSS и избегание ленивой загрузки изображения LCP.
LCP сильно зависит от условий сети и производительности CDN. Рендеринг на краю (TTFB ≤ 100ms) устанавливает структурный минимум, которого не могут достичь монолитные сайты с рендерингом на исходном сервере.