Pierwsza zawarta farba (FCP)

First Contentful Paint, powszechnie w skrócie FCP, to metryka wydajności sieci który mierzy czas od momentu rozpoczęcia ładowania strony do momentu, gdy przeglądarka renderuje na ekranie pierwszy widoczny element treści, taki jak tekst, obraz lub kolor tła. Jest on mierzony w sekundach lub milisekundach i odzwierciedla pierwsze wizualne potwierdzenie użytkownika, że ​​strona faktycznie się ładuje, w przeciwieństwie do wpatrywania się w pusty, biały ekran i zastanawiania się, czy w ogóle coś się dzieje. Dlatego jest klasyfikowany jako jeden z podstawowych wskaźników ładowania śledzonych w narzędziach takich jak Google Lighthouse i Chrome User Experience Report. FCP różni się od Time to First Byte, który mierzy tylko czas odpowiedzi serwera przed rozpoczęciem renderowania, ponieważ po szybkiej odpowiedzi serwera nadal może nastąpić powolny FCP, jeśli skrypty lub arkusze stylów blokujące renderowanie opóźnią wyświetlenie czegokolwiek na ekranie przez przeglądarkę.

Wskaźnik FCP ma znaczenie, ponieważ postrzegana prędkość ma duży wpływ na to, czy użytkownik pozostanie na stronie, czy opuści ją przed jej pełnym załadowaniem. Badania Google i innych niezależnych badań wydajności wielokrotnie wykazały, że wraz ze wzrostem czasu ładowania strony gwałtownie rośnie prawdopodobieństwo odrzuceń, a opóźnienia nawet od jednej do trzech sekund mierzalnie zwiększają prawdopodobieństwo, że użytkownik opuści stronę, zanim jakakolwiek treść pojawi się na ekranie. Ponieważ wskaźnik FCP rejestruje moment, w którym użytkownik po raz pierwszy dostrzega oznaki postępu, bezpośrednio kształtuje on wczesne wrażenia dotyczące niezawodności i jakości technicznej marki, szczególnie w przypadku użytkowników odwiedzających stronę po raz pierwszy za pośrednictwem płatnej reklamy lub wyników wyszukiwania, którzy nie są wcześniej lojalni ani nie znają marki i nie zmusili ich do cierpliwości podczas powolnego ładowania początkowego, a zamiast tego po prostu skorzystają z linku konkurencji.

Wskaźnik FCP (Full Rate Rate) mierzy się zarówno za pomocą narzędzi laboratoryjnych, takich jak Google Lighthouse czy WebPageTest, które symulują ładowanie strony w kontrolowanych warunkach sieciowych i sprzętowych w powtarzalny sposób, jak i narzędzi terenowych, takich jak raport Chrome User Experience Report dostępny za pośrednictwem Google Search Console czy PageSpeed ​​Insights, które agregują rzeczywiste dane FCP zebrane od rzeczywistych użytkowników Chrome odwiedzających stronę w autentycznie zróżnicowanych warunkach sieciowych. Google zazwyczaj klasyfikuje wskaźnik FCP poniżej 1.8 sekundy jako dobry, od 1.8 do 3 sekund jako wymagający poprawy, a powyżej 3 sekund jako słaby, choć progi te pełnią funkcję raczej wytycznych niż bezwzględnych wymagań, ponieważ akceptowalna wydajność zależy również w dużej mierze od typowych warunków sieciowych i urządzeń, w których znajduje się dana strona, oraz od rzeczywistych odbiorców na danym rynku.

Powszechnym błędem jest przekonanie, że sam wskaźnik FCP wskazuje na pełną użyteczność strony, podczas gdy w rzeczywistości potwierdza on jedynie pojawienie się treści, a nie interaktywność strony lub to, że jej główna, istotna treść, taka jak zdjęcie produktu czy nagłówek, została już wyrenderowana; powiązane wskaźniki, takie jak „Największy obraz treści” (Largest Contentful Paint) i „Czas do interakcji” (Time to Interactive), uwzględniają te późniejsze, bardziej istotne kamienie milowe. Innym częstym błędem jest optymalizacja wskaźnika FCP za pomocą technik, które poprawiają wynik laboratoryjny bez poprawy wrażeń dla rzeczywistych użytkowników, na przykład poprzez natychmiastowe renderowanie lekkiego symbolu zastępczego lub szkieletu ekranu, podczas gdy rzeczywista, istotna treść nadal ładuje się powoli. Może to prowadzić do myląco dobrego wyniku FCP, a jednocześnie do frustrującego doświadczenia użytkownika w świecie rzeczywistym.

W doradztwie CRO i UX, FCP i powiązane z nim Core Web Vitals są zazwyczaj oceniane na wczesnym etapie każdego audytu technicznego, ponieważ wolno ładujące się strony obniżają wszystkie dalsze wskaźniki konwersji, niezależnie od tego, jak dobrze strona jest zaprojektowana. Ponadto od 2021 roku sygnały dotyczące doświadczenia użytkownika, takie jak wydajność ładowania, są uwzględniane w algorytmie rankingu wyszukiwania Google, łącząc jednocześnie pracę nad wydajnością ze współczynnikiem konwersji i widocznością organiczną. Typowe strategie naprawcze obejmują optymalizację i kompresję obrazów, redukcję blokujących renderowanie kodów JavaScript i CSS na krytycznej ścieżce renderowania, wykorzystanie buforowania przeglądarki oraz korzystanie z sieci dostarczania treści (CDS). Wszystkie te działania są zazwyczaj zalecane równolegle, a nie zamiast, bardziej zaawansowanych prac nad CRO, skoncentrowanych na projektowaniu i treści, prowadzonych równolegle na tych samych stronach. Ponieważ regresja wydajności często pojawia się stopniowo wraz z dodawaniem nowych skryptów i tagów zewnętrznych, utrzymanie FCP w akceptowalnym zakresie wymaga zazwyczaj stałego monitorowania, a nie jednorazowej poprawki.