FCP (First Contentful Paint)

FCP фиксирует момент, когда на экране появился хоть какой-то контент: первый текст, картинка, SVG-элемент или непустой <canvas>. Это не «страница готова», а «загрузка идёт, пустой белый экран закончился».

FCP — часть более широкого набора Web Vitals, но не входит в тройку Core Web Vitals и напрямую не влияет на ранжирование. Зато это одна из самых ранних метрик загрузки: если FCP запаздывает, скорее всего запоздает и LCP (Largest Contentful Paint, момент, когда появился основной контент), потому что оба зависят от одних и тех же ранних этапов — ответа сервера и блокирующих ресурсов, которые мешают браузеру быстрее дойти до первой отрисовки.

Хорошим считается FCP до 1,8 секунды, плохим — больше 3 секунд.

Хороший FCP не означает, что страница уже готова к работе. Пользователь мог увидеть первый текст или логотип, но основной контент (LCP) и возможность взаимодействия — метрика INP (Interaction to Next Paint, отзывчивость) — могут появиться значительно позже.

Поскольку FCP отражает самый ранний этап загрузки страницы, для его улучшения подходят многие рекомендации из статей про LCP и TTFB:

• убрать блокирующие отрисовку ресурсы, минифицировать CSS, удалить неиспользуемый код;
• снизить TTFB, добавить <link rel="preconnect"> (заранее установить соединение с нужным доменом — DNS, TCP, TLS) и убрать редиректы;
• предзагрузить ключевые ресурсы через <link rel="preload"> (подсказать браузеру скачать файл раньше, чем он встретится в разметке), оптимизировать загрузку шрифтов, а также вырезать из шрифтов неиспользуемые символы;
• уменьшить вес страницы, настроить кеширование.