FCP (First Contentful Paint)
FCP (First Contentful Paint), czyli pierwsze wyrenderowanie treści, to metryka wydajności mierząca czas od rozpoczęcia ładowania strony do momentu, w którym przeglądarka wyświetli pierwszy fragment rzeczywistej treści — tekst, obraz, element SVG lub tło niebędące kolorem domyślnym. FCP odpowiada na proste pytanie użytkownika: czy tu się w ogóle coś dzieje? Im wcześniej pojawia się pierwsza treść, tym szybciej witryna sprawia wrażenie responsywnej, nawet jeśli pełne załadowanie potrwa jeszcze chwilę.
Jak działa pomiar FCP
Odliczanie startuje w chwili, gdy użytkownik zaczyna nawigację do strony. Przeglądarka pobiera dokument, analizuje HTML i CSS, buduje drzewo renderowania i dopiero wtedy może wyświetlić pierwszy widoczny element. Czas do tego zdarzenia to właśnie FCP. Metryka silnie zależy od TTFB (czasu odpowiedzi serwera) oraz od tego, jak szybko przeglądarka otrzyma i przetworzy krytyczne zasoby CSS blokujące renderowanie.
Miejsce wśród metryk
FCP jest częścią zestawu wskaźników mierzonych w narzędziach takich jak Lighthouse i PageSpeed Insights. Choć sam nie należy do Core Web Vitals, jest z nimi ściśle powiązany i często wskazuje przyczynę słabego LCP.
Zastosowanie w praktyce
FCP poprawia się przede wszystkim przez skrócenie czasu odpowiedzi serwera, ograniczenie zasobów blokujących renderowanie oraz wczesne dostarczanie krytycznego CSS. W praktyce oznacza to szybki hosting z dobrym TTFB, wykorzystanie sieci CDN, kompresję (Gzip lub Brotli) i cache. Deweloperzy monitorują FCP w narzędziach Google, aby wychwycić regresje po każdej większej zmianie na stronie, ponieważ wolne pierwsze renderowanie zwiększa współczynnik odrzuceń i pogarsza odbiór witryny. W analizie warto zestawiać dane laboratoryjne (z Lighthouse) z danymi z terenu, zbieranymi od rzeczywistych użytkowników — te drugie lepiej oddają odczucia na wolniejszych łączach i słabszych urządzeniach mobilnych. Poprawa FCP zwykle pociąga za sobą lepsze wyniki pozostałych metryk, bo szybciej dostarczona treść przyspiesza całą ścieżkę renderowania strony.
Powiązane pojęcia
Najczęstsze pytania
Jaki wynik FCP uznaje się za dobry?
Według wytycznych Google FCP poniżej 1,8 sekundy jest oceniane jako dobre, wartości od 1,8 do 3 sekund wymagają poprawy, a powyżej 3 sekund są słabe. Pomiar wykonuje się w warunkach zbliżonych do rzeczywistego łącza użytkownika.
Czym różni się FCP od LCP?
FCP mierzy pojawienie się pierwszego dowolnego elementu treści — może to być fragment tekstu lub grafika. LCP wskazuje moment wyrenderowania największego elementu w widocznym obszarze, czyli głównej treści. FCP jest zwykle wcześniejszy niż LCP.