SEOMaster
Largest Contentful Paint (LCP)
Czas pojawienia się największego elementu treści.
Largest Contentful Paint w 30 sekund
- 01 · Zrozum: LCP (Largest Contentful Paint) mierzy, po jakim czasie od rozpoczęcia ładowania na ekranie pojawia się największy element treści — zwykle główny obraz, baner lub duży blok tekstu.
- 02 · Sprawdź: Sprawdź LCP w PageSpeed Insights lub Lighthouse; narzędzie wskaże też, który element jest tym „największym”.
- 03 · Unikaj: Wielki, nieskompresowany obraz hero
Co to jest Largest Contentful Paint?
LCP (Largest Contentful Paint) mierzy, po jakim czasie od rozpoczęcia ładowania na ekranie pojawia się największy element treści — zwykle główny obraz, baner lub duży blok tekstu.
To najlepszy pojedynczy wskaźnik tego, kiedy użytkownik widzi, że strona się załadowała. Próg dobrego wyniku to 2,5 sekundy.
Dlaczego to ważne dla SEO
Wolny LCP to wrażenie, że strona „się nie ładuje”. Im dłużej trwa, tym więcej osób zamyka kartę, zanim zobaczy treść.
Jak to sprawdzić
Sprawdź LCP w PageSpeed Insights lub Lighthouse; narzędzie wskaże też, który element jest tym „największym”. Najczęściej winny jest nieoptymalny obraz hero albo wolny serwer (TTFB).
Częste błędy
- Wielki, nieskompresowany obraz hero
- Ładowanie kluczowej grafiki dopiero przez JavaScript
- Brak priorytetu (fetchpriority/preload) dla głównego obrazu
Przykład
LCP 1,9 s → dobry · 3,5 s → wymaga poprawy · 5 s → słaby
Najczęstsze pytania
Jaki wynik LCP jest dobry?
Do 2,5 sekundy dla 75 procent wizyt. Powyżej 4 sekund wynik jest uznawany za słaby.
Co zwykle jest elementem LCP?
Najczęściej duże zdjęcie w nagłówku albo blok tekstu nad zgięciem. Lighthouse wskazuje konkretny element, więc nie trzeba zgadywać.
Co daje największą poprawę?
Zwykle trzy rzeczy: szybsza odpowiedź serwera, brak zasobów blokujących renderowanie i wczesne wczytanie właśnie tego jednego obrazka przez preload.
Poradniki na ten temat
- Jak czytać PageSpeed Insights i Core Web Vitals — Zacznij od danych polowych, potem użyj laboratorium do diagnozy. Wynik 100/100 nie jest celem samym w sobie — ważniejsze są LCP, INP i CLS prawdziwych użytkowników oraz poprawki, które usuwają konkretną przyczynę.
- Jak poprawić Core Web Vitals — LCP, INP i CLS po kolei — Trzy metryki, trzy zupełnie różne przyczyny. Ten poradnik idzie od zmian, które zajmują kwadrans i dają najwięcej, do przebudów, w które warto wchodzić dopiero na końcu.