Przeskanuj stronę
AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ
Wydajność

Largest Contentful Paint (LCP)

Opublikowano: · Aktualizacja:

Largest Contentful Paint (LCP) mierzy czas od momentu rozpoczęcia nawigacji do chwili, w której w widocznym obszarze strony wyrenderuje się największy element treści — najczęściej obraz hero, wideo lub duży blok tekstu. To główna metryka postrzeganej szybkości ładowania i jedna z trzech metryk Core Web Vitals.

Google uznaje wynik do 2,5 sekundy za dobry, między 2,5 a 4 sekundy za wymagający poprawy, a powyżej 4 sekund za słaby — licząc dla 75. percentyla realnych wizyt.

Z czego składa się LCP

  • TTFB — czas do pierwszego bajtu odpowiedzi serwera.
  • Opóźnienie ładowania zasobu — czas między odpowiedzią HTML a rozpoczęciem pobierania elementu LCP.
  • Czas ładowania zasobu — pobranie obrazu lub innego pliku.
  • Opóźnienie renderowania — czas do faktycznego wyświetlenia elementu na ekranie.

Jak poprawić LCP

Najskuteczniejsze działania to: skrócenie TTFB (cache, CDN), priorytetyzacja zasobu LCP (fetchpriority="high", preload), eliminacja blokującego renderowanie CSS/JS oraz optymalizacja obrazów (nowoczesne formaty, właściwe wymiary, brak lazy loadingu dla elementu LCP).

Przykład

Obraz hero jako element LCP — preload i fetchpriority="high" skracają opóźnienie ładowania zasobu. Nie stosuj loading="lazy" na elemencie LCP.

Preload w <head>
HTML 
<link rel="preload" as="image" href="/hero.webp" type="image/webp">
Obraz hero z priorytetem
HTML 
<img src="/hero.webp" alt="Produkt w użyciu"
     width="1200" height="630" fetchpriority="high">

Źródła i dalsza lektura

Powiązane pojęcia

Core Web Vitals Zestaw trzech metryk Google (LCP, INP, CLS) mierzących szybkość ładowania, responsywność i stabilność wizualną strony w realnych warunkach.Time to First Byte (TTFB) Czas od wysłania żądania do otrzymania pierwszego bajtu odpowiedzi serwera. Fundament szybkiego LCP; dobry wynik orientacyjnie ≤ 800 ms.Cumulative Layout Shift (CLS) Metryka Core Web Vitals mierząca stabilność wizualną strony — sumę nieoczekiwanych przesunięć elementów layoutu. Dobry wynik to ≤ 0,1.Interaction to Next Paint (INP) Metryka Core Web Vitals mierząca opóźnienie między interakcją użytkownika (klik, dotknięcie, klawisz) a kolejnym odmalowaniem ekranu. Dobry wynik to ≤ 200 ms.
Wróć do słownika

Sprawdź wydajność swojej strony

Insight mierzy Core Web Vitals i porządkuje wąskie gardła według wpływu.

Przeskanuj stronę bezpłatnie Zobacz przykładowy raport
Bez karty kredytowej Raport z datą i źródłami Bez zakładania konta