First Contentful Paint (FCP): что это

Что измеряет FCP

FCP измеряет время от начала загрузки страницы до появления первого видимого контента. Например, если при открытии сайта первым появляется логотип или текст «Загрузка…», то именно этот момент и будет считаться FCP.

Почему это важно

FCP показывает, насколько быстро сайт даёт пользователю визуальную обратную связь. Чем раньше появляется первый элемент, тем быстрее пользователь понимает, что сайт работает и начинается процесс загрузки. Если FCP задерживается, возникает ощущение, что страница “тормозит” или “не откликается”, даже если фактически остальная часть сайта продолжает загружаться в фоне.

Как влияет на пользовательский опыт

• Хороший FCP (до 1,8 секунды) — создаёт ощущение быстрой реакции, пользователь чувствует, что сайт живой.
• Средний FCP (от 1,8 до 3 секунд) — приемлем, но может ощущаться слегка медленным.
• Плохой FCP (более 3 секунд) — повышает риск того, что пользователь уйдёт, не дождавшись полной загрузки.

Что влияет на FCP

• Быстродействие сервера (время ответа).
• Размер и структура HTML.
• Очерёдность и скорость загрузки CSS и шрифтов.
• Работа JavaScript, который может блокировать отрисовку.
• Оптимизация изображений и ресурсов.

Чем не является FCP

Важно не путать FCP с другими метриками:

• DOMContentLoaded — момент, когда HTML полностью загружен, но визуального контента может ещё не быть.
• Largest Contentful Paint (LCP) — момент, когда загружается самый крупный (основной) элемент на странице.
• Time to First Byte (TTFB) — время до получения первого байта от сервера, но ещё до отображения контента.

Вывод

First Contentful Paint — это сигнал для пользователя: “Сайт начал загружаться”. Эта метрика критически важна при оценке первого впечатления о скорости сайта и используется при техническом SEO и оптимизации фронтенда. Улучшение FCP — первый шаг к повышению скорости и удобства использования сайта.