Аналитика и метрики
Что такое First Contentful Paint
First Contentful Paint (FCP) - это время от начала перехода на страницу до появления первого содержательного элемента на экране. Им может быть текст, изображение или другая учитываемая браузером графика. Метрика помогает оценить, как долго посетитель ждет первые признаки загрузки сайта, но не показывает готовность всей страницы.
Как это выглядит для посетителя
Человек открывает страницу услуги. Сначала он видит пустой экран, затем появляется название компании. Если первый текст отобразился через 1,4 секунды после начала перехода, FCP в этом примере составляет 1,4 секунды.
Крупная фотография, форма и остальные блоки могут загрузиться позже. Поэтому хороший FCP еще не означает, что посетитель уже увидел основное предложение или может пользоваться всеми функциями.
Пример последовательности загрузки
Переход → Пустой экран → Первый текст
FCP фиксирует первое отображение содержания. Обычное изменение цвета фона не равнозначно появлению текста или изображения.
Как оценивают значение FCP
До 1,8 секунды
Хороший ориентир по рекомендациям web.dev. Первое содержание появляется достаточно быстро, чтобы посетитель увидел, что страница начала загружаться.
От 1,8 до 3 секунд
Диапазон, требующий улучшения. Стоит выяснить, что задерживает первый показ содержания, и выбрать доработки по результатам диагностики.
Более 3 секунд
Плохой результат по этой шкале. Пользователь долго не видит содержания. Особенно важно проверить, повторяется ли задержка у реальных посетителей.
Для оценки реальных загрузок рекомендуют смотреть 75-й процентиль отдельно для мобильных устройств и компьютеров. Это значение, которое не превышают 75% учтенных загрузок, а не среднее арифметическое.
Что учитывать при проверке
Лабораторный тест
Lighthouse проверяет страницу в заданных условиях. Такой тест помогает искать причины задержек, но один запуск не описывает опыт всех пользователей.
Реальные загрузки
Данные посетителей учитывают разные устройства и подключения. В PageSpeed Insights проверяйте, относятся ли доступные данные к странице или сайту в целом.
Ответ сервера
Если сервер долго начинает отдавать документ, браузер позже получает основу страницы. Проверяйте время ответа, работу кеша и лишние перенаправления.
Стили и скрипты
Ресурсы, необходимые перед первым показом, могут задерживать отрисовку. Доработки выбирают по отчету: удаляют лишнее и пересматривают порядок загрузки.
Отображение текста
Проверьте, не остается ли текст невидимым в ожидании шрифта. Важно, чтобы посетитель мог начать читать содержание, даже когда дополнительные ресурсы еще загружаются.
Другие показатели
Вместе с FCP оценивайте появление основного содержания, реакцию на действия и стабильность элементов. Быстрый первый показ не исключает других проблем интерфейса.
FCP не является метрикой Core Web Vitals. Он также не равен LCP, который оценивает появление крупнейшего учитываемого элемента в области просмотра. Ни одна из этих метрик не обозначает полную загрузку страницы.
Что FCP значит для бизнеса
Пока экран остается пустым, клиент не может изучить предложение и понять, работает ли сайт. Это особенно заметно на телефоне при нестабильном подключении. Проверка FCP помогает обнаружить задержку на самом раннем этапе знакомства с компанией.
Однако цель оптимизации - не просто показать любой элемент быстрее. Важно, чтобы посетитель своевременно увидел нужную информацию и смог выбрать товар или отправить запрос. Поэтому технический результат рассматривают вместе с удобством страницы и обращениями, не обещая рост продаж только за счет улучшения одной метрики.