Core Web Vitals (Kluczowe Wskaźniki Internetowe) to zestaw 3 oficjalnych wskaźników Google, które oceniają jakość doświadczenia użytkownika na stronie (tzw. Page Experience).
Wyszukiwarka nie mierzy już tylko „ogólnego czasu ładowania w sekundach”. Sprawdza, jak szybko pojawia się treść, jak błyskawicznie strona reaguje na kliknięcie i czy elementy nie skaczą przed oczami.
💡 Dlaczego to ma znaczenie: Strony spełniające normy Core Web Vitals osiągają wyższe pozycje w wynikach wyszukiwania, płacą mniej za kliknięcia w Google Ads i notują nawet o 24% mniejszy współczynnik odrzuceń.
🎯 3 Kluczowe Wskaźniki Core Web Vitals
Każda metryka odpowiada za inny aspekt komfortu Twojego klienta:
1. LCP (Largest Contentful Paint) — Szybkość ładowania głównej treści
Co mierzy: Czas potrzebny na wyrenderowanie największego widocznego elementu na ekranie (zazwyczaj głównego zdjęcia w sekcji Hero lub nagłówka H1).
| Status Google | Wynik | Co oznacza dla użytkownika? |
|---|---|---|
| 🟢 Dobry | poniżej 2.5 s | Treść pojawia się natychmiast, klient zostaje na stronie. |
| 🟡 Wymaga poprawy | 2.5 s – 4.0 s | Zauważalne opóźnienie, część użytkowników rezygnuje. |
| 🔴 Słaby | powyżej 4.0 s | Ponad 50% użytkowników mobilnych opuszcza stronę. |
- Główne przyczyny słabego LCP: Ciężkie zdjęcia w formacie JPG/PNG (brak WebP/AVIF), wolny serwer bez dysków NVMe, brak pamięci podręcznej i blokujący kod JavaScript.
2. INP (Interaction to Next Paint) — Responsywność na kliknięcia
Co mierzy: Czas od kliknięcia przycisku, otwarcia menu lub wpisania tekstu w formularzu do momentu, gdy strona wizualnie zareaguje na akcję użytkownika.
| Status Google | Wynik | Co oznacza dla użytkownika? |
|---|---|---|
| 🟢 Dobry | poniżej 200 ms | Strona reaguje płynnie jak aplikacja natywna. |
| 🟡 Wymaga poprawy | 200 – 500 ms | Odczuwalne „zacięcie” interfejsu. |
| 🔴 Słaby | powyżej 500 ms | Wrażenie zawieszenia strony, wielokrotne klikanie. |
- Główne przyczyny słabego INP: Przeładowanie strony skryptami śledzącymi (analityka, czaty, pixele Facebooka) blokującymi główny wątek przeglądarki.
3. CLS (Cumulative Layout Shift) — Stabilność wizualna
Co mierzy: Nieoczekiwane przesuwanie się elementów na ekranie podczas ładowania się strony.
| Status Google | Wynik | Co oznacza dla użytkownika? |
|---|---|---|
| 🟢 Dobry | poniżej 0.1 | Elementy stoją stabilnie w miejscu. |
| 🟡 Wymaga poprawy | 0.1 – 0.25 | Nieznaczne przesunięcia tekstu lub przycisków. |
| 🔴 Słaby | powyżej 0.25 | Tekst „skacze”, użytkownik klika w niewłaściwy przycisk. |
- Główne przyczyny słabego CLS: Obrazy i banery bez zdefiniowanych atrybutów
widthiheightw kodzie HTML oraz późno doładowujące się fonty.
🔍 Jak bezpłatnie przetestować swoją stronę?
Możesz sprawdzić swoje wskaźniki w 30 sekund za pomocą oficjalnych narzędzi:
- Google PageSpeed Insights (
pagespeed.web.dev):
Wpisz swój adres URL. Zwróć szczególną uwagę na zakładkę Komórka (Mobile) — to na jej podstawie Google ocenia Twoją stronę. - Google Search Console (Raport Podstawowe Wskaźniki Internetowe):
Pokazuje rzeczywiste dane zebrane od prawdziwych użytkowników przeglądarki Chrome w ciągu ostatnich 28 dni (Chrome User Experience Report).
🛠️ Jak poprawić wskaźniki Core Web Vitals? (Checklista)
Oto 4 najważniejsze kroki techniczne, które natychmiast poprawiają wyniki:
- Wdróż nowoczesne formaty grafik (WebP / AVIF): Zmniejsz wagę zdjęć o 60–80% bez utraty jakości.
- Zdefiniuj wymiary obrazów w kodzie: Zawsze dodawaj
width="..."iheight="...", aby przeglądarka zarezerwowała miejsce przed załadowaniem grafiki (eliminuje CLS). - Przejdź na nowoczesną architekturę (np. Astro): Usuwa 90% niepotrzebnego kodu JavaScript, zapewniając zerowy INP i błyskawiczne LCP.
- Wykorzystaj sieć CDN i lokalne fonty: Serwuj pliki z serwerów zlokalizowanych najbliżej użytkownika i ładuj fonty lokalnie zamiast z zewnętrznych serwerów Google Fonts.
🚀 Chcesz sprawdzić stan techniczny swojej strony?
Skontaktuj się ze mną na kontakt@sitexo.pl — bezpłatnie przeanalizuję raport Core Web Vitals Twojej witryny i wskażę, co blokuje Twoje pozycje w Google.