LCP (ang. Largest Contentful Paint) to wskaźnik wydajności strony, który mierzy czas od rozpoczęcia ładowania podstrony do momentu wyrenderowania największego elementu treści widocznego w oknie przeglądarki; wynik do 2,5 sekundy Google uznaje za dobry. LCP jest jednym z trzech wskaźników Core Web Vitals (obok INP i CLS), a więc wpływa zarówno na odbiór strony przez użytkownika, jak i na sygnały jakości brane pod uwagę w wyszukiwarce. Dla marketera to jedna z najprostszych do zakomunikowania miar „szybkości” – odpowiada na pytanie, po jakim czasie odwiedzający widzi to, po co przyszedł.
Jak działa LCP i co jest „największym elementem”?
Przeglądarka w trakcie ładowania na bieżąco śledzi, który element widoczny w obszarze ekranu (viewport) zajmuje największą powierzchnię, i zapisuje moment jego wyrenderowania. Ostateczna wartość LCP to czas renderowania ostatniego takiego „kandydata” zanim użytkownik zacznie interakcję ze stroną.
Elementy brane pod uwagę przy wyznaczaniu LCP to m.in.:
- obrazy
<img>oraz elementy<image>wewnątrz<svg>, - obraz podglądu (poster) w elemencie
<video>, - elementy z obrazem tła wczytywanym przez CSS (
background-image: url()), - bloki tekstu, np. nagłówek H1 lub akapit wprowadzający.
W praktyce na większości stron marketingowych elementem LCP jest baner hero, główne zdjęcie produktu lub duży nagłówek. Szczegółową specyfikację opisuje dokumentacja Google na web.dev.
Jakie są progi LCP?
Google ocenia LCP w trzech przedziałach. Aby strona „przechodziła” ocenę, dobry wynik musi osiągać co najmniej 75% odsłon danej podstrony lub grupy podstron, osobno dla urządzeń mobilnych i desktopu.
| Ocena | Wartość LCP | Interpretacja |
|---|---|---|
| Dobra | ≤ 2,5 s | Główna treść pojawia się szybko, użytkownik nie ma poczucia „pustego ekranu”. |
| Wymaga poprawy | 2,5–4,0 s | Strona działa, ale opóźnienie jest wyczuwalne, szczególnie na mobile. |
| Słaba | > 4,0 s | Wysokie ryzyko porzucenia strony przed zobaczeniem treści. |
Skąd bierze się wysoki LCP?
Czas LCP można rozłożyć na cztery składowe, co ułatwia diagnozę:
- TTFB (Time to First Byte) – jak szybko serwer odpowiada; wolny hosting lub brak cache wydłuża wszystko, co następuje później.
- Opóźnienie wczytywania zasobu – przeglądarka „odkrywa” obraz LCP zbyt późno, np. bo jest ładowany przez JavaScript lub ma atrybut
loading="lazy". - Czas wczytywania zasobu – zbyt duży, nieskompresowany plik graficzny bez nowoczesnego formatu (WebP, AVIF).
- Opóźnienie renderowania – CSS i skrypty blokujące renderowanie, fonty webowe opóźniające wyświetlenie tekstu.
Najczęstsze błędy to lazy loading obrazu hero, brak atrybutu fetchpriority="high" na kluczowej grafice, ciężkie skrypty marketingowe w sekcji <head> oraz slidery, w których element LCP zmienia się w trakcie ładowania.
Kiedy warto skupić się na LCP, a kiedy nie?
LCP warto optymalizować w pierwszej kolejności, gdy raport Core Web Vitals w Google Search Console pokazuje grupę adresów z oceną „słaba” lub „wymaga poprawy” na urządzeniach mobilnych, a strona generuje ruch z bezpłatnych wyników wyszukiwania. Jeśli LCP jest już poniżej 2,5 s, dalsze przyspieszanie o kilkaset milisekund zwykle daje mniejszy zwrot niż praca nad INP (responsywność interakcji) czy CLS (stabilność układu). Więcej pojęć z tego obszaru znajdziesz w kategorii SEO w bazie wiedzy.
LCP w praktyce ICBM
W trakcie audytu SEO sprawdzamy LCP w dwóch źródłach: danych laboratoryjnych (Lighthouse, PageSpeed Insights) oraz danych rzeczywistych użytkowników (Chrome UX Report), ponieważ wyniki bywają rozbieżne. Następnie identyfikujemy konkretny element LCP na kluczowych typach podstron – stronie głównej, kategorii, produktu, wpisu blogowego – i rekomendujemy zmiany w kolejności od największego wpływu: priorytet ładowania grafiki, kompresja i format obrazów, porządek w skryptach, konfiguracja cache i CDN. Efekty weryfikujemy po kilku tygodniach, gdy dane terenowe zdążą się odświeżyć. Pozostałe wskaźniki wydajności opisujemy w hasłach z kategorii SEO.
Najczęściej zadawane pytania
Czy LCP wpływa bezpośrednio na pozycje w Google?
Core Web Vitals, w tym LCP, są jednym z sygnałów oceny doświadczenia strony, ale nie decydują o pozycji samodzielnie. Treść i linki pozostają ważniejsze; LCP działa raczej jak czynnik różnicujący przy porównywalnych stronach oraz jako element wpływający na konwersję.
Dlaczego PageSpeed Insights i Search Console pokazują inny LCP?
PageSpeed Insights prezentuje zarówno symulowany test laboratoryjny, jak i dane rzeczywistych użytkowników, natomiast Search Console opiera się wyłącznie na danych terenowych z ostatnich 28 dni. Różne urządzenia, łącza i lokalizacje użytkowników naturalnie dają inne wyniki niż jedno kontrolowane środowisko testowe.
Jak sprawdzić, który element jest moim LCP?
W Chrome DevTools, w panelu Performance, po nagraniu ładowania strony widoczny jest znacznik LCP wskazujący konkretny element. Tę samą informację podaje raport Lighthouse oraz PageSpeed Insights w sekcji diagnostyki dotyczącej Largest Contentful Paint.
