FCP (първо изобразяване на съдържание)
Какво е FCP (първо изобразяване на съдържание)?
FCP (първо изобразяване на съдържание) е времето от началото на зареждането до момента, в който на екрана се появи първото съдържание от страницата — текст, изображение или графика. Добра стойност е до 1,8 секунди, а над 3 секунди е слаба. FCP не е сред Core Web Vitals, но е първият от петте показателя в лабораторния тест на PageSpeed Insights и отговаря на простия въпрос колко време човек гледа празен екран.
Пример
Магазин плаща реклама в Google и получава 1 500 клика на месец по 0,40 € — 600 € месечно. Рекламата води към целева страница, чийто FCP на мобилен е 4,2 секунди: четири секунди след клика човек още не вижда нищо. Да приемем, че 12 % от хората затварят страницата, преди нещо да се появи (примерен дял). Това са 1 500 × 0,12 = 180 клика, или 180 × 0,40 = 72 € на месец, платени за празен екран.
След като сървърът започне да отговаря по-бързо и стиловете, които блокират показването, отпаднат, FCP пада до 1,5 секунди. Ако отказите преди първото изобразяване намалеят до 4 %, загубените кликове стават 60, или 24 € на месец. Бюджетът е същият, но стига до повече хора.
Защо има значение за бизнеса
FCP е първият знак за посетителя, че страницата работи. Докато екранът е празен, човек не знае дали е натиснал правилно, дали връзката е прекъснала, или сайтът не работи. Това е и една от причините Google Ads да отчита повече кликове, отколкото Google Analytics отчита посещения: част от хората си тръгват, преди кодът за измерване да се зареди, и в статистиката не остава следа от тях.
FCP носи 10 % от резултата в PageSpeed Insights, а реалното изживяване Google оценява по трите Core Web Vitals — LCP, INP и CLS. Но FCP винаги идва пръв: закъснее ли първото изобразяване, закъснява и най-голямото.
Как се подобрява
- По-бърз отговор на сървъра: кеширани страници, по-добър хостинг, по-малко заявки към базата данни. FCP включва времето до първия байт (TTFB).
- По-малко ресурси, които блокират изобразяването: стиловете за първия екран — в самата страница, скриптовете — с
defer. - Текст, видим веднага: шрифтовете с
font-display: swap, за да не чака текстът шрифта. - Без вериги от пренасочвания: http → https → www → адрес с наклонена черта накрая са три пренасочвания, всяко от които е още едно отиване до сървъра, преди страницата изобщо да започне.
- Сайт, който сглобява всичко с JavaScript в браузъра, показва нещо едва след като скриптът се изпълни — там помага страницата да се сглобява на сървъра.
При оптимизацията на скоростта на сайта мерим FCP преди и след всяка стъпка — на мобилен и на страниците, към които води рекламата.