← Wszystkie artykuły
SEOWydajnośćCore Web Vitals

Core Web Vitals - co to jest i dlaczego wpływa na Twoją pozycję w Google

Google od 2021 roku oficjalnie bierze pod uwagę szybkość i stabilność strony przy rankingu. Tłumaczę, co mierzą Core Web Vitals i jak to poprawić.

Twoja strona ładuje się 7 sekund, przyciski skaczą po ekranie, a formularz kontaktowy otwiera się z opóźnieniem. Google to widzi. I opuszcza Cię w wynikach wyszukiwania.

Od maja 2021 roku Core Web Vitals są oficjalnym czynnikiem rankingowym. Nie „może wpływają" - wpływają. Tłumaczę, co mierzą i co z tym zrobić.

Czym są Core Web Vitals

To trzy metryki, które Google używa do oceny jakości doświadczenia użytkownika na Twojej stronie. Mierzą odpowiednio: szybkość, stabilność i responsywność.

LCP - Largest Contentful Paint

Co mierzy: Jak szybko pojawia się główna treść strony - zazwyczaj duże zdjęcie, nagłówek albo blok tekstu.

Dobry wynik: poniżej 2,5 sekundy Słaby wynik: powyżej 4 sekund

Wyobraź sobie, że wchodzisz na stronę i przez 5 sekund widzisz tylko białe tło. Odchodzisz. Google wie, że odchodzisz.

Najczęstsze przyczyny złego LCP:

  • Nieskompresowane zdjęcia (3 MB jpg zamiast 80 kB webp)
  • Brak CDN - serwer fizycznie daleko od użytkownika
  • Blokujące skrypty JS, które ładują się zanim pojawi się treść
  • Wolny hosting (najtańszy shared hosting z Azji)

CLS - Cumulative Layout Shift

Co mierzy: Ile razy i o ile elementy strony przesuwają się podczas ładowania.

Dobry wynik: poniżej 0,1 Słaby wynik: powyżej 0,25

Znasz to: czytasz artykuł, nagle ładuje się reklama, tekst skacze 200 pikseli w dół. Klikasz nie tam gdzie chciałeś. To jest CLS.

Najczęstsze przyczyny:

  • Obrazy bez zdefiniowanych wymiarów width i height
  • Reklamy i bannery ładujące się asynchronicznie
  • Web fonty - najpierw tekst w systemowym foncie, potem podmiana na właściwy

INP - Interaction to Next Paint

Co mierzy: Jak szybko strona reaguje na kliknięcie, dotknięcie, wpisanie tekstu.

Dobry wynik: poniżej 200 ms Słaby wynik: powyżej 500 ms

Klikasz przycisk. Nic się nie dzieje przez sekundę. Klikasz jeszcze raz. Strona jakby „zamroziła się". To zły INP.

INP zastąpiło FID (First Input Delay) w marcu 2024 roku - jest dokładniejszą miarą responsywności przez całą sesję, nie tylko przy pierwszym kliknięciu.

Najczęstsze przyczyny:

  • Za dużo JavaScriptu blokującego wątek główny
  • Ciężkie biblioteki ładowane niepotrzebnie
  • Stary WordPress z 30 pluginami, każdy dodaje swój JS

Jak sprawdzić swoje wyniki

PageSpeed Insights (bezpłatne)

Wejdź na pagespeed.web.dev, wpisz adres strony. Dostaniesz wyniki dla mobile i desktop z konkretnym wskazaniem problemów.

Ważne: sprawdź mobile - Google indeksuje głównie wersję mobilną. Desktop może być zielony, a mobile czerwony.

Google Search Console

Jeśli masz skonfigurowaną Search Console (powinieneś), zakładka „Wrażenia na stronie" pokazuje, ile Twoich URL ma dobry, wymagający poprawy i słaby wynik CWV - na podstawie prawdziwych danych użytkowników.

Chrome DevTools → Lighthouse

W przeglądarce Chrome: F12 → Lighthouse → Generate report. Wyniki laboratoryjne (nie prawdziwe dane użytkowników), ale przydatne do debugowania.

Co robić, żeby poprawić wyniki

Optymalizacja obrazów - największy wpływ na LCP

  • Konwertuj jpg/png na WebP - ten sam obraz, 2–4x mniejszy plik
  • Definiuj width i height na każdym obrazie - eliminuje CLS
  • Użyj loading="lazy" na obrazach poniżej foldu
  • Dopasuj rozmiar obrazu do wyświetlanego rozmiaru - nie ładuj 4000px zdjęcia w kontenerze 400px

Hosting i CDN

Najtańszy hosting (1–2 zł miesięcznie) często oznacza serwer przeciążony tysiącami innych stron. Czas do pierwszego bajtu (TTFB) powyżej 1 sekundy niszczy LCP.

Rozwiązanie: porządny hosting (Cloudflare Pages, Netlify, Vercel - bezpłatne dla statycznych stron) albo CDN przed istniejącym hostingiem.

Usuń blokujące zasoby

JavaScript i CSS w <head> blokują renderowanie. Skrypty, które nie są potrzebne na starcie strony, powinny mieć atrybut defer lub async.

WordPress: plugin WP Rocket, LiteSpeed Cache albo ręczna konfiguracja.

Web fonty bez CLS

Jeśli używasz Google Fonts:

  • Dodaj font-display: swap - strona pokazuje tekst od razu, podmienia font po załadowaniu
  • Lub hostuj fonty lokalnie - eliminujesz zewnętrzne żądanie HTTP

Jak ważne są CWV względem innych czynników SEO?

Uczciwa odpowiedź: to nie jest czynnik numer jeden. Treść, linki zwrotne, relevantność - nadal ważniejsze.

Ale jeśli konkurujesz z podobnymi stronami pod kątem treści i linków, CWV może być tym, co przesądza o pozycji. A poza rankingiem - strona ładująca się 2 sekundy ma wyższy współczynnik konwersji niż ta, która ładuje się 6 sekund. To już bezpośrednio wpływa na przychód.

TL;DR

Metryka Co mierzy Dobry wynik
LCP Szybkość ładowania głównej treści < 2,5 s
CLS Stabilność layoutu < 0,1
INP Responsywność na interakcje < 200 ms

Sprawdź w PageSpeed Insights. Czerwone wyniki to priorytety. Zacznij od optymalizacji obrazów - to najszybszy zysk.

Jeśli chcesz, żebym przejrzał wyniki CWV Twojej strony i powiedział, co konkretnie naprawić, napisz do mnie.