Core Web Vitals – co to są, jak sprawdzić i dlaczego Google na nie patrzy

Core Web Vitals to trzy wskaźniki techniczne, które Google używa do oceny jakości doświadczenia użytkownika na Twojej stronie. Od 2021 roku są oficjalnym czynnikiem rankingowym – co oznacza, że wolno ładująca się lub „skacząca” strona może tracić pozycje w wyszukiwarce, nawet jeśli ma świetne treści.

Wskaźniki mierzą trzy konkretne rzeczy: szybkość ładowania głównego elementu (LCP), responsywność na kliknięcia (INP) i stabilność wizualną strony (CLS). W tym artykule wyjaśniam, co oznacza każdy wskaźnik, jakie wartości są dobre, jak sprawdzić wyniki swojej strony i co zrobić, gdy test wypada słabo.

Czym są Core Web Vitals i dlaczego Google je wprowadził?

Google nie ocenia Twojej strony na podstawie testów w idealnych warunkach. Dane do Core Web Vitals są zbierane z Chrome User Experience Report (CrUX) – czyli od rzeczywistych użytkowników przeglądarki Chrome, na różnych urządzeniach i łączach, przez ostatnie 28 dni. O wyniku decyduje realne doświadczenie odwiedzających, nie jednorazowy test na szybkim łączu.

Ważna zasada: Google ocenia stronę na podstawie 75. percentyla danych. Żeby strona „zdała”, co najmniej 75% wizyt musi osiągnąć wynik „dobry” (zielony) we wszystkich trzech wskaźnikach jednocześnie.

LCP, INP i CLS – co mierzy każdy wskaźnik Core Web Vitals?

Core Web Vitals składają się z trzech metryk. W marcu 2024 roku Google zastąpił starą metrykę FID (First Input Delay) nowym, surowszym wskaźnikiem INP (Interaction to Next Paint).

LCP (Largest Contentful Paint) – szybkość ładowania

LCP mierzy czas renderowania największego widocznego elementu na stronie – najczęściej zdjęcia głównego (hero image), banera lub dużego bloku tekstu. Jeśli LCP trwa powyżej 2,5 sekundy, użytkownik widzi biały ekran i może uznać, że strona nie działa.

INP (Interaction to Next Paint) – responsywność

INP mierzy czas od kliknięcia, dotknięcia lub wpisania znaku do momentu, gdy przeglądarka pokazuje wizualną reakcję na ekranie. W odróżnieniu od zastąpionego FID, INP analizuje wszystkie interakcje podczas wizyty i raportuje najgorszą z nich – przez co jest znacznie surowszą metryką. W 2026 roku progu 200 ms nie osiąga aż 43% stron internetowych.

CLS (Cumulative Layout Shift) – stabilność wizualna

CLS mierzy sumę nieoczekiwanych przesunięć elementów podczas ładowania strony. Znasz to zjawisko: próbujesz kliknąć przycisk, ale w ostatniej chwili doładowuje się reklama i klikasz coś zupełnie innego. Wysoki CLS frustruje użytkowników i zwiększa liczbę opuszczeń strony.

Dlaczego Core Web Vitals wpływają na pozycje i sprzedaż?

Core Web Vitals stały się oficjalnym sygnałem rankingowym Google w 2021 roku. Przy dwóch stronach o porównywalnej jakości treści ta z lepszymi wskaźnikami technicznymi wygra walkę o wyższą pozycję w wynikach wyszukiwania. Witryny z LCP powyżej 3 sekund tracą średnio o 23% więcej ruchu organicznego niż szybsi konkurenci z podobnymi treściami.

Efekt na sprzedaż jest równie wymierny. Badanie Deloitte i Google wykazało, że skrócenie czasu ładowania o zaledwie 0,1 sekundy przekłada się na wzrost konwersji w e-commerce o 8,4% i wzrost średniej wartości zamówienia o 9,2%. Sklepy z wynikiem „dobry” we wszystkich trzech wskaźnikach notują do 24% wyższy współczynnik konwersji mobilnej niż te z wynikiem „słabym”.

Przykłady z rynku: Vodafone poprawił LCP o 31% i odnotował 8% wzrostu sprzedaży online. RedBus skrócił INP o 72%, zwiększając sprzedaż o 7%.

Jak sprawdzić Core Web Vitals swojej strony?

Wszystkie podstawowe narzędzia są bezpłatne i pochodzą od Google:

• Google Search Console (zakładka Core Web Vitals) – najlepsze narzędzie do monitorowania całej witryny. Grupuje podstrony z podobnymi problemami, więc od razu widać skalę i lokalizację błędów w całym serwisie.
• Google PageSpeed Insights – szybka analiza konkretnego URL. Na górze wyświetla rzeczywiste dane polowe z ostatnich 28 dni (CrUX) oraz dane laboratoryjne (Lighthouse). Zawsze priorytet mają dane polowe – to one wpływają na algorytm Google.
• Rozszerzenie Web Vitals dla Chrome – wygodny podgląd wskaźników na żywo podczas przeglądania dowolnej podstrony, bez wchodzenia w żadne narzędzia.

Ważne: efekty zmian w Core Web Vitals pojawiają się w Search Console z opóźnieniem 4-6 tygodni (Google analizuje dane w 28-dniowym oknie kroczącym). Na stabilizację pozycji w wynikach wyszukiwania czeka się 2-3 miesiące.

Jak poprawić Core Web Vitals? Praktyczne kroki

Optymalizacja każdego wskaźnika wymaga innych działań technicznych. Poniżej najważniejsze z nich.

Poprawa LCP – szybsze ładowanie strony

• Szybki hosting i krótki czas odpowiedzi serwera (TTFB) – jeśli serwer odpowiada wolno (TTFB powyżej 600 ms), żadna optymalizacja frontendu nie przyniesie efektu. Fundament to wydajny serwer z cache (np. LiteSpeed + Redis dla WooCommerce).
• Nowoczesne formaty obrazów – konwertuj grafiki do WebP lub AVIF, które są znacznie lżejsze niż JPG i PNG.
• Priorytetyzacja hero image – nadaj głównemu zdjęciu atrybut fetchpriority="high", a pozostałe grafiki ładuj leniwie (loading="lazy").
• Eliminacja blokującego kodu – odsuń ładowanie niekrytycznych plików JavaScript i CSS, które blokują renderowanie pierwszego widoku strony.

Poprawa INP – responsywność na kliknięcia

• Ograniczenie ciężkiego JavaScriptu – usuń zbędne wtyczki i zewnętrzne skrypty, z których realnie nie korzystasz. Nieaktywny piksel TikToka czy nieużywany widget czatu niepotrzebnie obciążają stronę.
• Odroczenie ładowania skryptów – używaj techniki defer lub delay (np. przez WP Rocket), aby przeglądarka ładowała skrypty dopiero po pierwszej interakcji użytkownika.
• Rozbijanie długich zadań JS – procesy trwające powyżej 50 ms rozbijaj na mniejsze fragmenty przy użyciu requestIdleCallback() lub scheduler.yield().

Poprawa CLS – stabilność wizualna

• Wymiary grafik – zawsze podawaj atrybuty width i height dla każdego obrazu, aby przeglądarka z góry zarezerwowała dla niego odpowiednie miejsce.
• Zarezerwowane sloty na elementy dynamiczne – reklamom i elementom doładowywanym po czasie nadawaj minimalną stałą wysokość (min-height w CSS).
• Preload czcionek – hostuj fonty lokalnie i używaj zasady font-display: swap, aby tekst nie „skakał” po zmianie kroju pisma.
• Baner cookies na stałej pozycji – ustaw okno zgód RODO jako position: fixed, żeby nie przesuwało treści strony po jej załadowaniu.

Podsumowanie – Core Web Vitals to ciągła praca, nie jednorazowa akcja

Core Web Vitals to ciągła higiena techniczna witryny. Wystarczy instalacja nowej wtyczki, dodanie nieoptymalnej grafiki lub wdrożenie skryptu marketingowego, by świetne wyniki drastycznie spadły. Warto monitorować wskaźniki regularnie – szczególnie po każdej większej zmianie na stronie.

Chcesz wiedzieć, które wskaźniki Core Web Vitals ograniczają widoczność Twojej strony? Skontaktuj się z nami – przeprowadzimy audyt SEO i pokażemy konkretnie, co warto poprawić.