Core Web Vitals (pol. Kluczowe Wskaźniki Sieci) to zestaw metryk wydajności wprowadzony przez Google w 2021 roku jako oficjalny sygnał rankingowy. Mierzą, jak użytkownik odczuwa szybkość i stabilność strony — nie tylko ile sekund zajmuje ładowanie, ale czy strona odpowiada sprawnie i czy elementy nie przesuwają się w trakcie ładowania.
W skrócie: Google nagradza pozycjami strony, które są szybkie i stabilne. Karze — przynajmniej pośrednio — strony, które frustrują użytkownika.
Trzy metryki Core Web Vitals
1. LCP — Largest Contentful Paint
Definicja: czas od pierwszego bajtu strony do wyrenderowania największego widocznego elementu (zazwyczaj hero image lub główny nagłówek H1).
Dobry wynik: poniżej 2,5 sekundy Wymaga poprawy: 2,5–4 sekundy Zły wynik: powyżej 4 sekund
LCP odpowiada na pytanie: „Jak szybko użytkownik widzi główną treść strony?”
Najczęstsze przyczyny złego LCP:
- Brak optymalizacji obrazów (format JPG zamiast WebP, brak atrybutu
loading="lazy"na obrazach poniżej fold) - Wolny hosting (wysoki TTFB — czas odpowiedzi serwera)
- Blokujący JavaScript lub CSS
- Brak CDN (Content Delivery Network)
2. INP — Interaction to Next Paint
Definicja: czas od interakcji użytkownika (kliknięcie, wpisanie tekstu) do widocznej odpowiedzi strony.
Dobry wynik: poniżej 200 ms Wymaga poprawy: 200–500 ms Zły wynik: powyżej 500 ms
INP zastąpiło w 2024 roku starą metrykę FID (First Input Delay). Mierzy responsywność strony przez cały czas jej używania, nie tylko przy pierwszym kliknięciu.
INP jest problematyczne szczególnie na stronach z dużą ilością JavaScript — każdy skrypt blokuje wątek główny przeglądarki i opóźnia odpowiedź na interakcję.
3. CLS — Cumulative Layout Shift
Definicja: miara niestabilności układu strony podczas ładowania. Mierzy, o ile elementy „skaczą” po ekranie, gdy ładują się fonty, obrazy lub reklamy.
Dobry wynik: poniżej 0,1 Wymaga poprawy: 0,1–0,25 Zły wynik: powyżej 0,25
CLS odpowiada na pytanie: „Czy strona jest stabilna, czy elementy skaczą i klikam w coś, co się przesunęło?”
Klasyczny przykład złego CLS: obraz bez podanych wymiarów (width i height) ładuje się po tekście, przesuwa całą stronę w dół. Użytkownik klika w link, który właśnie przeskoczył na pozycję, gdzie chwilę wcześniej była reklama.
Jak Core Web Vitals wpływają na SEO?
Google potwierdziło w 2021 roku, że Core Web Vitals są oficjalnym sygnałem rankingowym jako część aktualizacji „Page Experience”. Nie są najważniejszym sygnałem (treść i linki nadal dominują), ale stanowią czynnik tie-breaker przy zbliżonej jakości treści dwóch stron.
Praktyczne konsekwencje:
- Google Search Console pokazuje raport CWV — strony z „Problemami” mogą tracić pozycje
- Mobile vs. desktop — Google ocenia CWV oddzielnie dla urządzeń mobilnych i desktopowych; większość ruchu jest mobilna, więc mobile CWV jest ważniejszy
- Wpływ na konwersję — niezależnie od SEO, szybkie strony konwertują lepiej (dane Portent: 3× wyższy współczynnik konwersji przy 1s vs 5s ładowania)
Jak sprawdzić Core Web Vitals swojej strony?
Narzędzia darmowe
1. Google PageSpeed Insights — wpisz URL strony. Pokazuje wyniki LCP, INP, CLS zarówno dla lab data (symulacja) jak i field data (dane z prawdziwych użytkowników Chrome). Najbardziej miarodajne narzędzie dla SEO.
2. Google Search Console → Podstawowe wskaźniki internetowe — dane zagregowane z ostatnich 28 dni od prawdziwych użytkowników. Pokazuje, ile URL-i ma status: Dobry / Wymaga poprawy / Zły.
3. WebPageTest.org — szczegółowe waterfall charts (oś czasu ładowania zasobów). Dobre do diagnostyki konkretnych problemów.
4. Chrome DevTools → Lighthouse — lokalna symulacja (F12 → Lighthouse → Generate Report). Szybki dostęp, ale nie zastąpi danych z Field Data.
Jak poprawić Core Web Vitals? Krok po kroku
Krok 1: Diagnoza — znajdź problemy
Uruchom PageSpeed Insights dla swojej strony. Zanotuj:
- Aktualny LCP (liczba w sekundach)
- Aktualny INP
- Aktualny CLS
- Listę „Możliwości” i „Diagnostyka” — PageSpeed wskazuje konkretne problemy
Krok 2: Popraw LCP — optymalizacja obrazów i hostingu
- Konwertuj obrazy do WebP — WebP jest o 25–35% mniejszy niż JPG przy tej samej jakości. Astro robi to automatycznie przez
<Image>component. WordPress potrzebuje wtyczki (Imagify, ShortPixel) - Dodaj wymiary obrazów —
widthiheightna każdym<img>eliminuje CLS - Preloaduj hero image — dodaj
<link rel="preload" as="image">dla głównego obrazu powyżej fold - Użyj szybkiego hostingu — TTFB (czas odpowiedzi serwera) poniżej 600ms to podstawa
- CDN — jeśli hosting jest w Polsce, a klienci są w Polsce, CDN nie jest krytyczny. Dla globalnej publiczności — konieczny
Krok 3: Popraw INP — redukuj JavaScript
- Usuń nieużywane skrypty — audyt w Chrome DevTools → Coverage
- Odrocz non-critical JS —
<script defer>lub<script async> - Unikaj ciężkich bibliotek — jQuery, lodash, Moment.js na prostych stronach firmowych to przerost formy nad treścią
- Web Workers dla kosztownych obliczeń — jeśli musisz mieć skomplikowany JS, przesuń go off main thread
Strony na Astro domyślnie wysyłają zero JavaScript do przeglądarki, chyba że deweloper explicite go doda (client:load, client:idle, itp.). Dlatego INP na stronach Astro jest najczęściej doskonały.
Krok 4: Popraw CLS — stabilność layoutu
- Zawsze podawaj wymiary obrazów —
widthiheightw HTML lub CSSaspect-ratio - Preloaduj fonty — font swap (gdy przeglądarka podmienia font systemowy na załadowany) powoduje CLS. Fonty lokalne (bez Google Fonts CDN) ładują się szybciej
- Unikaj wstawiania treści nad istniejącą — reklamy, banery cookies, dynamiczne komponenty wstrzykiwane na górze strony to klasyczne źródło CLS
- Rezerwuj przestrzeń — dla elementów ładowanych dynamicznie ustaw
min-heightw CSS
Krok 5: Weryfikacja — sprawdź po zmianach
Po każdej poprawce uruchom PageSpeed Insights ponownie. Pamiętaj: Field Data w Search Console aktualizuje się co 28 dni — poprawa w lab data (PageSpeed Insights) jest natychmiastowa, ale poprawa w GSC widoczna jest po miesiącu.
Core Web Vitals na WordPress vs Astro
| Metryka | WordPress (średnia) | WordPress (zoptymalizowany) | Astro (standard) |
|---|---|---|---|
| LCP | 3–6s | 1,5–2,5s | 0,4–1,0s |
| INP | 300–600ms | 150–250ms | < 100ms |
| CLS | 0,15–0,4 | 0,05–0,1 | < 0,05 |
| PageSpeed Score | 40–65 | 70–85 | 95–100 |
WordPress z pełną optymalizacją (cache, CDN, lazy loading, WebP) może osiągnąć przyzwoite wyniki. Astro osiąga najwyższe wyniki w standardzie, bez żadnej dodatkowej konfiguracji — bo nie ma co optymalizować: serwer wysyła czysty HTML.
Podsumowanie
Core Web Vitals mierzą realną jakość doświadczenia użytkownika: jak szybko widzi treść (LCP), jak szybko strona reaguje na kliknięcia (INP), czy layout jest stabilny (CLS). Google używa tych metryk jako sygnału rankingowego.
Poprawa CWV to praca techniczna: optymalizacja obrazów, redukcja JavaScript, stabilny layout. Najszybszą ścieżką do doskonałych wyników jest wybór technologii, która domyślnie generuje czysty, lekki HTML — jak Astro.
Jeśli chcesz sprawdzić, jak wyglądają CWV Twojej strony i co można poprawić — odezwij się, zrobię darmowy audyt.