LCP (Largest Contentful Paint)
Что такое LCP?
LCP (Largest Contentful Paint — Отрисовка крупного контента) — это одна из трех главных метрик Core Web Vitals, по которым Google оценивает качество пользовательского опыта сайта. Простым языком, LCP показывает, через сколько секунд после клика по ссылке пользователь увидит основную часть страницы (главную картинку, видео или баннер) и поймет, что сайт загрузился.
Как Google оценивает LCP
Оценка выставляется на основе реальных данных пользователей из браузера Chrome (CrUX):
- 🟢 Хорошо (Passed): Менее 2.5 секунд.
- 🟡 Требует улучшения (Needs improvement): От 2.5 до 4.0 секунд.
- 🔴 Плохо (Failed): Более 4.0 секунд.
Если LCP в "красной" зоне, сайт получает понижающий коэффициент (пессимизацию) в мобильной выдаче Google. Для Яндекса метрика не является прямым фактором ранжирования, но влияет на процент отказов.
Что обычно является LCP-элементом?
Алгоритм браузера автоматически находит самый большой элемент в области просмотра (Viewport) без скролла. Чаще всего это:
- Фоновое изображение (Hero Image) в "шапке" сайта.
- HTML-тег
<img>или<video>, представляющий карточку товара. - Крупный заголовок первого уровня
<h1>(если картинок на первом экране нет).
Как улучшить LCP (Оптимизация в 2026 году)
- Форматы Next-Gen: Обязательная конвертация всех картинок на первом экране в форматы WebP или AVIF (весят на 30-50% меньше JPEG-а).
- Атрибут Preload: Добавление тега
<link rel="preload" as="image" href="...">в раздел<head>для главного изображения. Это заставит браузер начать качать картинку еще до того, как он распарсит HTML DOM дерево. - Никакого Lazy Loading для LCP: Крупнейшая ошибка новичков — настраивать ленивую загрузку на элементы первого экрана. Это катастрофически рушит метрику LCP.
- Быстрый сервер и CDN: Использование CDN для мгновенного ответа сервера (уменьшение показателя TTFB). С медленным сервером хороший LCP получить невозможно.
Последнее обновление термина: 2026 год.