Largest Contentful Paint (LCP)

Largest Contentful Paint: po jakim czasie narysuje się największy element w pierwszym ekranie. Google uznaje poniżej 2,5 s za dobre, a powyżej 4 s za słabe.

• Pomoc

Largest Contentful Paint wyznacza moment, w którym kończy się rysowanie największego obrazu lub bloku tekstu w pierwszym ekranie. Dla odwiedzającego to chwila, gdy strona „się załadowała”. LCP jest jedną z trzech metryk Core Web Vitals i częścią sygnałów jakości strony, które uwzględnia wyszukiwarka Google.

Progi

SiteScan koloruje LCP według granic Google: do 2,5 s — dobrze, do 4 s — wymaga poprawy, wolniej — słabo. Wartość pojawia się dwa razy: w wierszach laboratoryjnych z przebiegu Lighthouse dla strony głównej oraz — jeśli ruch jest wystarczający — w wierszach prawdziwych użytkowników, gdzie jest to 75. percentyl wizyt z ostatnich 28 dni.

Typowe przyczyny:

• Wolna odpowiedź serwera (TTFB w tej samej tabeli) — wszystko inne na nią czeka.
• Zbyt ciężki główny obraz w przestarzałym formacie albo odkryty późno, bo jest ustawiony w CSS lub ładowany leniwie.
• Blokujące arkusze stylów i skrypty w <head> oraz fonty, które wstrzymują tekst.

Jak poprawić

Główny obraz warto serwować w AVIF lub WebP w rozmiarze, w jakim jest wyświetlany, nigdy nie dawać mu loading="lazy", za to dodać fetchpriority="high" albo <link rel="preload">. Krytyczny CSS warto osadzić w stronie, resztę skryptów odroczyć, a pliki statyczne cache’ować na CDN. Więcej w artykułach o Core Web Vitals i optymalizacji obrazów.