Core Web Vitals – co to jest
i jak wpływa na pozycje
w Google

Przez lata SEO koncentrowało się na tym, co strona zawiera — treści, słowach kluczowych, linkach. Core Web Vitals przesunęły część ciężaru na to, jak strona działa — jak szybko się ładuje, jak płynnie reaguje na kliknięcia i czy jej elementy nie „skaczą" podczas ładowania.

To zmiana perspektywy, która ma sens: Google chce kierować użytkowników do stron, które nie tylko odpowiadają na ich pytania, ale też są przyjemne w obsłudze. Core Web Vitals to próba zmierzenia tej przyjemności.

Czym są Core Web Vitals?

Core Web Vitals (CWV) to zestaw trzech wskaźników, które Google uznaje za kluczowe miary jakości doświadczenia użytkownika (UX) na stronie. Są częścią szerszego zestawu sygnałów Page Experience, ale to właśnie te trzy mają bezpośredni wpływ na rankingi.

Każdy wskaźnik ma trzy progi oceny: Good (dobry), Needs Improvement (do poprawy) i Poor (słaby). Google używa danych z rzeczywistych użytkowników Chrome (tzw. danych terenowych z CrUX), żeby ocenić stronę — nie danych laboratoryjnych z jednorazowego testu.

LCP – Largest Contentful Paint

LCP mierzy, jak długo trwa załadowanie największego widocznego elementu na ekranie użytkownika — zazwyczaj obrazu hero, dużego zdjęcia lub nagłówka. To moment, gdy użytkownik ma poczucie, że strona „jest gotowa".

Progi oceny:

• Dobry: poniżej 2,5 sekundy
• Do poprawy: 2,5–4 sekundy
• Słaby: powyżej 4 sekund

Najczęstsze przyczyny słabego LCP:

• Duży obraz hero bez optymalizacji (brak kompresji, brak formatu WebP),
• Brak atrybutu fetchpriority="high" na głównym obrazie — przeglądarka nie wie, że powinna załadować go priorytetowo,
• Wolny czas odpowiedzi serwera (TTFB powyżej 600 ms),
• Skrypty JavaScript blokujące renderowanie strony,
• Brak CDN — serwer fizycznie daleko od użytkownika.

Jak poprawić LCP: skompresuj i przekonwertuj główny obraz do formatu WebP, dodaj fetchpriority="high" i loading="eager" do tagu <img> obrazu hero, włącz CDN i cachowanie na poziomie serwera, przenieś niekrytyczne skrypty na koniec dokumentu lub dodaj im atrybut defer.

INP – Interaction to Next Paint

INP (zastąpił FID w marcu 2024) mierzy responsywność strony na interakcje użytkownika — kliknięcia, tapnięcia, wpisywanie tekstu. Konkretnie: jak długo trwa od momentu kliknięcia do momentu, gdy strona wizualnie zareaguje na to kliknięcie.

Progi oceny:

• Dobry: poniżej 200 ms
• Do poprawy: 200–500 ms
• Słaby: powyżej 500 ms

Najczęstsze przyczyny słabego INP:

• Długie zadania JavaScript (Long Tasks) blokujące główny wątek przeglądarki,
• Zbyt duże biblioteki JavaScript ładowane w całości zamiast fragmentarycznie,
• Handlery zdarzeń wykonujące dużo obliczeń synchronicznie,
• Nadmierne animacje CSS/JS blokujące renderowanie.

Jak poprawić INP: podziel duże zadania JS na mniejsze części (code splitting), opóźnij ładowanie nieistotnych skryptów, użyj Web Workers do ciężkich operacji, ogranicz liczbę zewnętrznych skryptów (czaty, analityki, piksele reklamowe).

CLS – Cumulative Layout Shift

CLS mierzy stabilność układu strony podczas ładowania. Jeśli elementy „skaczą" — przycisk przesuwa się w momencie, gdy chcesz go kliknąć, tekst zmienia pozycję po załadowaniu reklamy, obrazy zmieniają rozmiar — CLS rośnie.

CLS jest jedynym z Core Web Vitals, który nie mierzy czasu, lecz sumę przesunięć wizualnych. Wynik 0 oznacza idealną stabilność.

Progi oceny:

• Dobry: poniżej 0,1
• Do poprawy: 0,1–0,25
• Słaby: powyżej 0,25

Najczęstsze przyczyny słabego CLS:

• Obrazy bez określonych wymiarów width i height w HTML — przeglądarka nie rezerwuje miejsca przed załadowaniem obrazu,
• Reklamy, bannery i embedy wstrzykiwane dynamicznie bez zarezerwowanego miejsca,
• Fonty webowe powodujące FOUT (Flash of Unstyled Text) — zmiana kroju pisma zmienia rozmiar tekstu i przesuwa elementy,
• Animacje CSS przesuwające elementy zamiast używać transform.

Jak poprawić CLS: zawsze dodawaj atrybuty width i height do tagów <img>, rezerwuj przestrzeń dla reklam przez CSS (pusty kontener o stałej wysokości), używaj font-display: optional lub swap dla fontów webowych.

Jak sprawdzić Core Web Vitals swojej strony?

Masz do dyspozycji kilka narzędzi:

Google Search Console

Sekcja „Podstawowe wskaźniki internetowe" w GSC to najlepsze źródło danych — pokazuje wyniki z rzeczywistych użytkowników Chrome, z podziałem na mobile i desktop, ze wskazaniem konkretnych podstron z problemami. Jeśli nie masz jeszcze GSC, koniecznie to zmień — to bezpłatne i dostarcza danych niedostępnych nigdzie indziej.

PageSpeed Insights

Wpisz adres strony na pagespeed.web.dev. Narzędzie pokazuje zarówno dane laboratoryjne (jednorazowy test), jak i dane terenowe z CrUX (jeśli strona ma wystarczający ruch). Sekcja „Diagnose performance issues" wskazuje konkretne elementy do poprawy.

Audyt automatyczny Rank Optima

Bezpłatny audyt na rankoptima.pl/audyt sprawdza Core Web Vitals w ramach kompleksowego raportu — razem z oceną SEO, indeksowania i mobile. Dobry punkt startowy, jeśli chcesz jednym narzędziem zobaczyć stan całej strony.

Jak duży wpływ mają Core Web Vitals na rankingi?

To pytanie, które słyszę często — i uczciwa odpowiedź brzmi: mają realny wpływ, ale nie są jedynym czynnikiem.

Google potwierdza, że strony z oceną „Good" we wszystkich trzech wskaźnikach mogą uzyskać przewagę rankingową nad stronami z gorszymi wynikami, przy założeniu zbliżonej jakości treści i backlinków. W praktyce oznacza to, że CWV rzadko decydują o tym, czy strona jest na pozycji 1 czy 10 — ale mogą decydować między pozycją 8 a 5, albo między pierwszą a drugą stroną wyników.

Treść i linki zewnętrzne to wciąż dominujące czynniki rankingowe. Core Web Vitals to czynnik tiebreaker — przy zbliżonej jakości stron wygrywa ta z lepszym UX.

Równie ważny jak wpływ na rankingi jest wpływ na konwersje. Wolna, niestabilna strona odpycha użytkowników niezależnie od jej pozycji w Google. Poprawa CWV często przekłada się bezpośrednio na wzrost współczynnika konwersji — szczególnie na mobile.

Od czego zacząć poprawę Core Web Vitals?

Zacznij od diagnozy: sprawdź w Google Search Console, które podstrony mają status „Słaby" lub „Do poprawy". Skup się na nich w pierwszej kolejności — zazwyczaj problem techniczny powtarza się na wielu podstronach i jedna zmiana (np. dodanie wymiarów do obrazów) naprawia CLS w całym serwisie.

Następnie przejdź do PageSpeed Insights i sprawdź szczegółowe rekomendacje dla problematycznych stron. Wiele z nich to konkretne zmiany w kodzie lub konfiguracji serwera.

Jeśli poprawa CWV jest poza Twoim zasięgiem technicznym — wdrożenie zaleceń SEO to usługa, w ramach której zajmuję się właśnie takimi zmianami. Albo napisz do mnie, żebyśmy omówili konkretną sytuację Twojej strony.