Что такое LCP (Largest Contentful Paint)

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

Какие значения считаются нормальными

По шкале Google:

• до 2,5 секунды — хорошо;
• от 2,5 до 4 секунд — требует улучшения;
• больше 4 секунд — плохо.

Оценивается значение, которое получают 75% реальных посетителей, поэтому медленные телефоны и мобильный интернет влияют на итог сильнее, чем быстрый компьютер разработчика.

Что замедляет LCP

• долгий ответ сервера — смотрите TTFB;
• тяжёлая главная картинка без сжатия и в старом формате;
• ленивая загрузка, включённая и для первого экрана — браузер откладывает именно ту картинку, которую нужно показать сразу;
• шрифты и скрипты, которые блокируют отрисовку;
• содержимое, которое появляется только после выполнения JavaScript.

Как улучшить

Сожмите главное изображение и переведите его в WebP, уберите для него ленивую загрузку, подключите сжатие gzip или Brotli и кеширование, отложите необязательные скрипты.

Пример

На главной странице стоматологии первым экраном шёл слайдер из пяти фотографий по 2 МБ. LCP на телефоне выходил больше 5 секунд. Слайдер заменили одной сжатой картинкой — страница стала открываться заметно быстрее.

Частые вопросы

Где посмотреть LCP своего сайта?

В PageSpeed Insights от Google и в инструментах разработчика браузера (вкладка Lighthouse). Если у сайта достаточно посетителей, PageSpeed покажет и данные реальных пользователей.

Влияет ли LCP на позиции в Яндексе?

Яндекс не публикует Core Web Vitals как фактор ранжирования. Но медленная страница чаще закрывается посетителями, а это ухудшает поведенческие факторы — так что ускорять её полезно для любого поисковика.