Core Web Vitals to trzy wskaźniki, którymi Google mierzy jakość doświadczenia użytkownika na stronie: LCP, INP i CLS. Są częścią oceny strony w wynikach wyszukiwania, ale ich prawdziwa wartość jest inna: wolna strona traci użytkowników, zanim zdąży im cokolwiek sprzedać.
Trzy wskaźniki i ich progi
LCP (Largest Contentful Paint)
Co mierzy
Czas do wyrenderowania największego elementu widocznego na ekranie
Dobry wynik
do 2,5 s
Wymaga poprawy powyżej
4,0 s
INP (Interaction to Next Paint)
Co mierzy
Opóźnienie reakcji strony na działania użytkownika w całej sesji
Dobry wynik
do 200 ms
Wymaga poprawy powyżej
500 ms
CLS (Cumulative Layout Shift)
Co mierzy
Sumaryczne przesunięcie układu bez udziału użytkownika
Dobry wynik
do 0,1
Wymaga poprawy powyżej
0,25
Ocena dotyczy 75. percentyla, czyli wyniku osiąganego przez trzy czwarte odwiedzin. Dlatego jedna szybka wizyta na dobrym łączu niczego nie dowodzi.
Dane polowe kontra laboratoryjne
Narzędzia takie jak Lighthouse pokazują dane laboratoryjne: symulację na sztucznym urządzeniu i sztucznym łączu. Google w ocenie używa danych polowych, zbieranych od realnych użytkowników przeglądarki Chrome. Te dwa zestawy potrafią się mocno różnić i to dane polowe, widoczne w Search Console, są rozstrzygające.
Jak poprawić LCP
- Znajdź element LCP. Zwykle jest to grafika hero, duży nagłówek albo pierwszy blok treści. Bez ustalenia, co nim jest, optymalizacja jest zgadywaniem.
- Nie ładuj go leniwie. Atrybut loading="lazy" na obrazie hero to najczęstszy powód złego LCP w sklepach.
- Podaj wcześnie. Preload kluczowego obrazu i czcionki, priorytet fetchpriority="high" dla grafiki hero.
- Popraw czas odpowiedzi serwera. Cache po stronie serwera i sieć CDN skracają czas do pierwszego bajtu, który wchodzi w skład LCP.
- Ogranicz blokujące zasoby. Arkusze stylów i skrypty w sekcji head opóźniają renderowanie. Krytyczny CSS wbudowany, reszta odroczona.
Jak poprawić INP
INP zastąpiło wcześniejszy wskaźnik FID i jest znacznie trudniejsze do oszukania, bo mierzy wszystkie interakcje w sesji, a nie tylko pierwszą. Największe problemy to długie zadania JavaScriptu blokujące wątek główny.
- Dziel długie zadania na mniejsze i oddawaj sterowanie przeglądarce.
- Usuń nieużywany JavaScript, zwłaszcza skrypty zewnętrzne dołożone przez wtyczki marketingowe.
- Odrocz ładowanie skryptów, które nie są potrzebne przy pierwszej interakcji.
- Ogranicz liczbę nasłuchiwaczy zdarzeń i unikaj kosztownych operacji przy przewijaniu.
Jak poprawić CLS
- Podawaj wymiary width i height dla wszystkich obrazów i elementów osadzonych.
- Rezerwuj miejsce na banery, powiadomienia o zgodach i reklamy, zanim się załadują.
- Używaj font-display: swap razem z metrykami zastępczymi, żeby zamiana czcionki nie przesuwała tekstu.
- Nie wstrzykuj treści nad już widocznym obszarem po załadowaniu strony.
Ile to daje w pozycjach
Uczciwa odpowiedź: sam Core Web Vitals rzadko przesuwa stronę o wiele pozycji, bo jest jednym z wielu sygnałów i działa raczej jako czynnik rozstrzygający między porównywalnymi wynikami. Realny zysk jest gdzie indziej: strona, która ładuje się w półtorej sekundy zamiast pięciu, traci znacznie mniej użytkowników na wejściu. Dlatego traktujemy te wskaźniki jako element pracy nad konwersją, a nie jako cel sam w sobie. Pełne omówienie zakresu prac znajdziesz na stronie audyt SEO techniczny.