LCP: definicja, progi i optymalizacja
Zaktualizowano dnia February 22, 2026
Szybka definicja
LCP (Largest Contentful Paint) to metryka Core Web Vitals mierząca czas potrzebny, by największy element treści widoczny w viewport został wyrenderowany na ekranie. LCP uznawany jest za dobry, jeśli wynosi poniżej 2,5 sekundy, do poprawy między 2,5 a 4 sekundami i zły powyżej 4 sekund. LCP to według Google główny wskaźnik postrzeganej szybkości ładowania.
Jak to działa
LCP, czyli Largest Contentful Paint, identyfikuje największy widoczny element w viewport podczas ładowania strony — zazwyczaj obraz hero, zdjęcie produktu, blok tekstu lub wideo — i mierzy opóźnienie między rozpoczęciem ładowania a momentem pełnego wyświetlenia tego elementu. Oficjalne progi Google to: dobry (zielony) poniżej 2,5 sekundy, do poprawy (pomarańczowy) między 2,5 a 4 sekundami, zły (czerwony) powyżej 4 sekund. Konkretny przykład: na stronie produktu e-commerce, jeśli główne zdjęcie produktu wyświetla się po 3,8 sekundy, ponieważ jest hostowane na wolnym CDN i waży 2 MB, LCP będzie pomarańczowy, karząc zarówno doświadczenie użytkownika, jak i SEO. Główne przyczyny złego LCP to zbyt ciężkie lub nieprzeładowywane wstępnie obrazy, zasoby CSS i JavaScript blokujące renderowanie, wysoki Time to First Byte (TTFB) związany z serwerem oraz brak skutecznego cachowania.
Dlaczego to ważne
LCP to najważniejsza metryka Core Web Vitals dla postrzeganego doświadczenia, ponieważ odpowiada momentowi, w którym użytkownik uznaje stronę za „załadowaną”. LCP powyżej 4 sekund prowadzi do znacznie wyższych współczynników porzuceń: Google szacuje, że poprawa LCP o sekundę może zwiększyć konwersje o 8% na mobile. LCP jest też jednym z trzech oficjalnych sygnałów rankingu Google od 2021 roku.
Jak poprawić lub wykorzystać
Aby poprawić LCP: preload obraz hero tagiem `<link rel="preload">` i atrybutem `fetchpriority="high"`. Kompresuj obrazy i konwertuj je do WebP lub AVIF. Skonfiguruj CDN, by zmniejszyć latencję sieciową. Zoptymalizuj TTFB, włączając cachowanie po stronie serwera. Unikaj skryptów blokujących przed główną treścią, ładując je asynchronicznie. Regularnie audytuj wyniki LCP w PageSpeed Insights na danych terenowych.
Z Sublim
Sublim monitoruje wydajność ładowania stron w warunkach rzeczywistych, bezpośrednio w dashboardzie analitycznym. Korelując LCP per strona ze współczynnikami odrzuceń i konwersji, szybko identyfikujesz, które wolne strony kosztują klientów. Monitoring jest ciągły, bez plików cookie, hostowany w Europie w pełnej zgodności z RODO.
Najczęściej zadawane pytania
Jakie elementy HTML mogą być LCP strony?
LCP jest mierzony na elementach: tagach `<img>`, obrazach w tagach `<svg>`, obrazach ładowanych przez właściwość CSS `background-image`, blokach tekstu (`<p>`, `<h1>` itd.) i elementach wideo (`<video>` z plakatem). Google ignoruje elementy o niskiej nieprzezroczystości lub rozmiarze poniżej 0,15% widocznej powierzchni.
Jaka jest różnica między LCP a FCP?
FCP (First Contentful Paint) mierzy moment, gdy pojawia się pierwszy element treści (tekst lub obraz), podczas gdy LCP mierzy, kiedy największy widoczny element zostaje wyrenderowany. LCP uznaje się za bardziej reprezentatywne dla postrzeganego doświadczenia, ponieważ odpowiada percepcji „pełnego załadowania” przez użytkownika.
Czy LCP poprawia się przy szybszym hostingu?
Tak, TTFB (Time To First Byte) serwera bezpośrednio wpływa na LCP. Wydajny hosting z dobrą latencją sieciową i cachowaniem po stronie serwera może zmniejszyć LCP o setki milisekund. Jednak rozmiar obrazów i blokujące zasoby pozostają najczęstszymi przyczynami złego LCP.
Powiązane terminy
Core Web Vitals to zestaw trzech metryk zdefiniowanych przez Google do…
INP (Interaction to Next Paint) to metryka Core Web Vitals mierząca og…
CLS (Cumulative Layout Shift) to metryka Core Web Vitals mierzaca wizu…
Współczynnik odrzuceń to procent sesji, w których użytkownik odwiedza …