FCP в PageSpeed Insights простыми словами
FCP означает First Contentful Paint — первую отрисовку содержимого. Метрика фиксирует время от начала перехода к странице до появления первого подходящего содержимого на экране. Это может быть текст, изображение или другой учитываемый визуальный элемент. Здесь рассматриваем FCP при анализе сайта через PageSpeed Insights.
Показатель отвечает на вопрос, когда посетитель увидит первый признак загрузившейся страницы. Он не означает, что уже появилась главная фотография, все блоки готовы или форма реагирует на действия. Одно раннее отображение небольшого текста ещё не описывает весь опыт.
Что происходит до первой отрисовки
Браузер получает документ и обрабатывает необходимые ресурсы. Задержку могут создавать долгий ответ сервера, блокирующие стили и другие условия загрузки. В полевых измерениях важен весь путь навигации, включая соединение и перенаправления; лабораторный тест проводится в заданных условиях.
Поэтому изменение кэша может повлиять на один этап, а оптимизация стилей — на другой. Причину выбирают по отчёту и порядку загрузки ресурсов. Удаление первого блока ради более ранней цифры не имеет смысла, если посетитель перестаёт понимать предложение.
Какие значения FCP считаются хорошими
Ориентиры: до 1,8 секунды включительно — хорошее значение; свыше 1,8 и до 3 секунд включительно — требуется улучшение; больше 3 секунд — плохое. Для оценки реальных пользователей используют распределение результатов, обычно 75-й процентиль, а не один удачный запуск теста.
В PageSpeed Insights нужно различать полевые данные и лабораторную проверку. Они могут расходиться из-за разных устройств, сети, кэша и аудитории. Если данных по конкретной странице недостаточно, отчёт может показывать данные источника или не показывать полевой показатель. Это важно подписывать при сравнении.
Пример с пустым первым экраном
Условный сайт услуги после перехода долго показывает пустую область. Затем появляется заголовок, а позднее — крупная фотография. FCP относится к моменту первого подходящего содержимого, например заголовка. Загрузка фотографии может отражаться в другом показателе.
Проверка помогает выяснить, почему заголовок нельзя отобразить раньше: документ приходит поздно, стили блокируют отрисовку или содержимое появляется только после выполнения сценария. После исправления повторяют тест в сопоставимых условиях и проверяют реальную страницу со смартфона.
FCP и LCP — разные этапы
LCP оценивает отображение крупнейшего учитываемого элемента в видимой области, а FCP — начало появления содержимого. У страницы может быть хороший FCP и медленная загрузка основного изображения. Поэтому нельзя заявлять, что сайт полностью ускорен только по первой отрисовке.
Зачем бизнесу проверять FCP
Метрика помогает диагностировать ожидание до первого видимого ответа страницы. Её рассматривают вместе с загрузкой основного содержимого и отзывчивостью. Для сайта бизнеса итоговая задача — быстро показать понятное предложение и сохранить работающий путь к обращению. Высокая оценка теста не заменяет проверки форм и других действий.