LCP (Largest Contentful Paint)
LCP (Largest Contentful Paint) (Largest Contentful Paint) — отрисовка крупнейшего контента
Суть в одном предложении
LCP — метрика скорости загрузки: время от начала навигации до отрисовки крупнейшего видимого блока контента (изображение, видео или текстовый блок).
Краткое определение
LCP (Largest Contentful Paint) — одна из метрик Core Web Vitals. Измеряет момент, когда отрисован самый большой по площади контент в viewport (обычно герой-изображение, баннер или крупный блок текста). Цель: LCP < 2.5 с для «хорошей» страницы. Учитывается в Google и Яндекс при оценке удобства и ранжировании.
Оригинал и перевод
- Язык: английский
- Оригинал: Largest Contentful Paint
- Буквальный перевод: отрисовка крупнейшего контента
Синонимы и варианты написания
- LCP
- Время до крупнейшего контента
Где используется
- Core Web Vitals, PageSpeed Insights, Search Console
- Яндекс.Вебмастер (скорость и удобство страницы)
- Аудит производительности фронтенда
Когда это важно
Плохой LCP ассоциируется с медленной загрузкой главного контента и может снижать позиции в поиске и конверсию.
Подробное объяснение
Кандидатами на LCP считаются элементы <img>, <svg>, <video> и текстовые блоки. Учитывается только контент в viewport. Улучшение LCP: оптимизация сервера и TTFB, сжатие и размеры изображений, приоритет загрузки (preload), уменьшение блокирующего CSS/JS, использование CDN.
Аналоги и связанные термины
- Core Web Vitals, INP, CLS
- TTFB, FCP
- PageSpeed, Lighthouse
Пример использования
«После переноса hero-изображения на CDN и добавления preload LCP снизился с 3.2 с до 1.8 с.»