FCP (First Contentful Paint) to metryka wydajności strony internetowej, która mierzy czas od rozpoczęcia ładowania do momentu wyrenderowania na ekranie pierwszego elementu treści — tekstu, obrazu, grafiki SVG lub elementu <canvas>. To jeden z pierwszych sygnałów, że przeglądarka faktycznie zaczęła pokazywać coś użytkownikowi. FCP nie należy do zestawu Core Web Vitals, ale jest ważnym wskaźnikiem diagnostycznym w narzędziach Google.
Jak FCP działa w praktyce
FCP rejestruje pierwszy moment, w którym przeglądarka maluje na ekranie jakąkolwiek treść pochodzącą z DOM. Liczy się dosłownie pierwszy piksel widocznej treści — pusty ekran czy samo tło strony nie zatrzymują tego pomiaru. Metryka mówi więc użytkownikowi (i algorytmom Google): „coś się dzieje, strona żyje”.
Co dokładnie liczy się jako „contentful”?
Za treść liczoną w FCP uznaje się tekst, obrazy (w tym tła CSS z obrazem), elementy <svg> oraz <canvas>. Nie liczą się natomiast czyste elementy layoutu bez zawartości, takie jak pusty kontener czy ramka <iframe> zanim załaduje własną treść. Dlatego strona z rozbudowanym, blokującym CSS potrafi mieć zaskakująco wysoki FCP mimo szybkiego serwera.
Jakie wartości FCP są dobre?
Google klasyfikuje FCP według trzech progów mierzonych na poziomie 75. percentyla użytkowników. Poniżej tabela z aktualnymi progami stosowanymi w PageSpeed Insights i Lighthouse.
| Ocena FCP | Czas |
|---|---|
| Dobry (zielony) | do 1,8 s |
| Wymaga poprawy (pomarańczowy) | 1,8 s – 3,0 s |
| Słaby (czerwony) | powyżej 3,0 s |
W praktyce warsztatowej traktujemy 1,8 s jako granicę, poniżej której użytkownik nie odczuwa frustracji oczekiwaniem. Na wolnych łączach mobilnych FCP potrafi być głównym „wąskim gardłem” postrzeganej szybkości.
Co najczęściej psuje FCP?
Najczęstszą przyczyną wysokiego FCP jest renderowanie blokowane przez zasoby — CSS i JavaScript ładowane w sekcji <head> bez optymalizacji. Do tego dochodzą wolny czas odpowiedzi serwera (TTFB), brak kompresji, ciężkie fonty webowe bez font-display: swap oraz nadmiar zewnętrznych skryptów (czaty, piksele reklamowe) uruchamianych na starcie.
Znaczenie dla SEO i widoczności
FCP nie jest bezpośrednim czynnikiem rankingowym, ale silnie koreluje z metrykami, które nim są — zwłaszcza z LCP (Largest Contentful Paint) z zestawu Core Web Vitals. Poprawiając FCP, zwykle poprawiasz też LCP, bo obie metryki zależą od tego samego łańcucha zdarzeń: szybkiego serwera, lekkiego CSS i braku blokujących skryptów.
Dla Google szybkie wyrenderowanie pierwszej treści to sygnał dobrego doświadczenia użytkownika, spójny z filozofią Helpful Content i page experience. Wolny FCP zwiększa współczynnik odrzuceń — użytkownik widzący pusty ekran przez 3 sekundy często wraca do wyników wyszukiwania, co pośrednio uderza w pozycje. Podczas audytu SEO zawsze sprawdzamy FCP razem z TTFB, żeby ustalić, czy problem leży po stronie serwera, czy renderowania.
FAQ
Czym różni się FCP od LCP?
FCP mierzy moment pojawienia się pierwszej dowolnej treści, a LCP (Largest Contentful Paint) — moment wyrenderowania największego elementu widocznego w oknie, zwykle głównego nagłówka lub obrazu bohatera. FCP zawsze następuje przed LCP lub równocześnie z nim. LCP należy do Core Web Vitals i wpływa na ranking, FCP jest metryką diagnostyczną.
Czy FCP wpływa na pozycje w Google?
FCP nie jest bezpośrednim czynnikiem rankingowym, ale silnie koreluje z LCP, który do Core Web Vitals należy. Poprawa FCP niemal zawsze pociąga za sobą lepszy LCP, więc pośrednio wspiera widoczność strony w wyszukiwarce.
Jak zmierzyć FCP swojej strony?
Najszybciej sprawdzisz FCP w PageSpeed Insights, które pokazuje zarówno dane laboratoryjne (Lighthouse), jak i dane terenowe z Chrome UX Report od realnych użytkowników. FCP znajdziesz też w zakładce Web Vitals w DevTools przeglądarki Chrome oraz w Google Search Console w raporcie Core Web Vitals jako metrykę wspierającą.
Jak szybko poprawić FCP?
Najskuteczniejsze działania to skrócenie TTFB (lepszy hosting lub cache), usunięcie zasobów blokujących renderowanie, inline’owanie krytycznego CSS oraz odroczenie zewnętrznych skryptów. Ustawienie font-display: swap i preładowanie fontów potrafi ściąć FCP o kilkaset milisekund.
FCP jako pierwszy sygnał, że strona żyje
First Contentful Paint to najwcześniejszy moment, w którym użytkownik przestaje patrzeć na pusty ekran — dlatego warto pilnować, by mieścił się poniżej 1,8 sekundy. To metryka, od której zwykle zaczynamy diagnozę wydajności, bo prowadzi wprost do LCP i realnego pozycjonowania stron. Jeśli Twoja witryna wolno się renderuje, sprawdzimy to w ramach audytu SEO i wskażemy konkretne poprawki.
