LCP: скорость появления главного содержимого страницы

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

Нормы

По критериям Google LCP до 2,5 секунды — хороший результат, от 2,5 до 4 — требует улучшения, выше 4 — плохой. Оценивается 75-й процентиль полевых данных: чтобы страница считалась хорошей, так должно быть у трёх из четырёх посетителей.

Что считается LCP

Чаще всего это блок текста с заголовком, крупное изображение или видео-постер. Определить, какой именно элемент является LCP на вашей странице, можно в панели разработчика браузера (вкладка Performance) или в отчёте PageSpeed Insights, где он подсвечен.

Что ухудшает LCP

• Медленный ответ сервера: чем позже придёт HTML, тем позже всё остальное.
• Страница, текст которой появляется только после выполнения скриптов: заголовок рисуется поздно. Серверная или статическая сборка (SSR) показывает его сразу.
• Тяжёлая крупная картинка, не оптимизированная и не предзагруженная.
• Шрифты и стили, блокирующие отрисовку.
• Анимации, которые прячут заголовок и показывают после задержки: пока элемент невидим, LCP не засчитывается.

Как ускорить

1. Отдавать готовый HTML и держать быстрый сервер.
2. Сжать и правильно подобрать размер главной картинки, подгружать её с высоким приоритетом.
3. Подключать свои шрифты без обращений к внешним серверам.
4. Не откладывать появление главного заголовка анимацией или скриптом.

Типичные ошибки

• Ленивая загрузка главной картинки: она отложена, и LCP растёт.
• Оценка по лабораторному замеру на быстром компьютере.
• Ориентироваться на среднее вместо процентиля.