LCP

LCP (Largest Contentful Paint) — сколько ждут до появления самого большого элемента в первом экране.

Почему LCP — про первый экран

Полное имя метрики LCP. Чем меньше секунд, тем быстрее человек видит «уже загрузилось», а не белый фон.

Что ускоряет LCP

• Largest Contentful Paint — сколько ждут, пока на экране появится самый крупный элемент: обычно заголовок или картинка первого экрана.
• Полное имя метрики LCP. Чем меньше секунд, тем быстрее человек видит «уже загрузилось», а не белый фон.
• Сжимают героя, прегружают главное изображение, ускоряют ответ сервера, не прячут контент за веб-шрифтами без fallback.
• Чаще виноваты тяжёлое фото в шапке, медленный хостинг или скрипты, которые держат отрисовку. Не «надо переписать весь фронт».
• Ориентир Google — уложиться примерно в 2,5 секунды для большей доли заходов. Смотрят поле, не один прогон на пустом кэше.

LCP и контент

ПрактикаОриентир Google — уложиться примерно в 2,5 секунды для большей доли заходов. Смотрят поле, не один прогон на пустом кэше.

LCP: как применяют

Чаще всего виноваты тяжёлый герой, шрифты и медленный сервер. Режут вес, прелоадят, не блокируют рендер. LCP входит в Core Web Vitals вместе с INP и CLS.

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

Что такое LCP?

Largest Contentful Paint — сколько ждут, пока на экране появится самый крупный элемент: обычно заголовок или картинка первого экрана.

Largest Contentful Paint

Полное имя метрики LCP. Чем меньше секунд, тем быстрее человек видит «уже загрузилось», а не белый фон.

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

Сжимают героя, прегружают главное изображение, ускоряют ответ сервера, не прячут контент за веб-шрифтами без fallback.

LCP медленный

Чаще виноваты тяжёлое фото в шапке, медленный хостинг или скрипты, которые держат отрисовку. Не «надо переписать весь фронт».

Хороший показатель LCP

Ориентир Google — уложиться примерно в 2,5 секунды для большей доли заходов. Смотрят поле, не один прогон на пустом кэше.