Largest Contentful Paint

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

Простыми словами: LCP отвечает на простой вопрос пользователя — «когда уже появится главное?». Не первый пиксель, а именно основной контент, ради которого человек и открыл страницу.

Что такое LCP и зачем он нужен

LCP — одна из трёх метрик Core Web Vitals, которые Google с 2020 года использует как сигналы удобства страницы (Page Experience). Она показывает воспринимаемую скорость: как быстро пользователь видит основной контент, а не абстрактное «загрузка завершена». Медленный LCP — это когда человек смотрит на пустой или полупустой экран и успевает передумать оставаться.

Google оценивает LCP по 75-му перцентилю реальных визитов (полевые данные), поэтому ориентироваться нужно на опыт большинства пользователей, а не на один «чистый» тест. Порог «хорошо» — до 2.5 секунды.

Какое значение считается хорошим

Как улучшить LCP

• Оптимизировать главное изображение: современный формат (WebP/AVIF), правильный размер, preload.
• Ускорить сервер и ответ (TTFB), подключить кэш и CDN.
• Убрать render-blocking CSS и JS, задерживающие отрисовку.
• Не ставить lazy-load на сам LCP-элемент — иначе он грузится последним.

Пример

На странице товара самый крупный элемент — главное фото. Если оно весит 3 МБ и грузится 6 секунд, LCP = 6 с (плохо). Сжимаем до WebP ~200 КБ и добавляем preload — LCP падает примерно до 2 секунд, в «зелёную» зону.

Часто путают с…

• FCP — первая отрисовка любого контента; LCP — именно самого крупного видимого элемента.
• TTFB — время до первого байта от сервера; это составляющая LCP, а не он сам.
• Общая скорость загрузки — LCP оценивает только момент появления главного элемента.

Вопросы и ответы

Сколько должно быть LCP?

До 2.5 секунды для 75% визитов — это «хорошо». От 2.5 до 4 секунд — требует улучшения, более 4 — плохо.

Влияет ли LCP на позиции в Google?

Да, это часть Core Web Vitals и сигналов Page Experience. Это не главный фактор ранжирования, но при прочих равных лучшая скорость даёт преимущество.

Чем измерить LCP?

PageSpeed Insights, отчёт Core Web Vitals в Google Search Console, Lighthouse и данные CrUX по реальным пользователям.

Страницы грузятся медленно и «краснеют» в Core Web Vitals? Найдём причины и составим план в рамках SEO-аудита и исправления ошибок на сайте.

Похожие термины: Core Web Vitals, FCP, PageSpeed, Адаптивный дизайн.