Co to jest LCP (Largest Contentful Paint)

Co to jest LCP?

LCP (Largest Contentful Paint) mierzy moment, w którym na stronie pojawia się jej największy element widoczny dla użytkownika. Najczęściej jest to zdjęcie bohaterskie na górze strony, banner, główny nagłówek H1 albo blok tekstu w pierwszym ekranie.

Google używa tej metryki jako jeden z trzech głównych wskaźników Core Web Vitals - czyli czynników, które bezpośrednio wpływają na pozycję strony w wynikach wyszukiwania.

Dlaczego LCP ma znaczenie?

To moment, w którym użytkownik decyduje: czy zostać, czy wyjść. Badanie Google „Milliseconds Make Millions" pokazuje, że prawdopodobieństwo opuszczenia strony rośnie o 32% gdy LCP wydłuża się z 1 do 3 sekund, i o 90% gdy z 1 do 5 sekund. Dla sklepów online to bezpośrednio przekłada się na utratę sprzedaży.

Progi Google dla LCP

• ≤ 2,5 s - dobre LCP, Google nagradza wyższą pozycją w wynikach
• 2,5-4,0 s - wymaga poprawy, neutralny sygnał
• > 4,0 s - słabe LCP, Google obniża ranking strony

Najczęstsze przyczyny słabego LCP

• Zbyt ciężkie zdjęcie hero (bez kompresji, bez WebP, bez responsywnych rozmiarów)
• Wolny serwer (wysoki TTFB)
• Zasoby blokujące renderowanie (CSS i JS w sekcji head)
• Brak preload dla kluczowych zasobów
• Łańcuch zależności sieciowych (każdy plik czeka na poprzedni)

Jak poprawić LCP?

1. Zoptymalizuj główny obraz: konwersja do WebP/AVIF, kompresja, responsywne rozmiary z srcset
2. Dodaj <link rel="preload" as="image"> dla obrazu LCP
3. Zmniejsz TTFB - szybszy hosting, lepsze cache HTTP
4. Wczytaj niekrytyczny CSS asynchronicznie (media="print"+onload albo defer)
5. Przenieś skrypty analityczne i marketingowe na koniec body lub załaduj defer/async
6. Rozważ CDN dla serwowania obrazów blisko użytkowników