Core Web Vitals to trzy wskaźniki, którymi Google mierzy komfort korzystania ze strony. LCP mierzy szybkość ładowania. CLS mierzy stabilność wizualną. INP mierzy czas reakcji.
Każdy wskaźnik mierzy inny aspekt wydajności. Razem dają obraz wrażeń użytkownika.
Largest Contentful Paint (LCP)
LCP mierzy czas, po którym ładuje się główna treść. Główna treść to największy obraz lub blok tekstu na stronie. Na stronie głównej LCP to zwykle duży obraz na górze. W artykule to nagłówek i główne zdjęcie.
LCP liczy się od kliknięcia linku do chwili, gdy główna treść pojawi się na ekranie. Jeśli LCP wynosi 1 sekundę, użytkownik widzi główną treść sekundę po kliknięciu. Jeśli 3 sekundy, czeka 3 sekundy.
Cel: LCP poniżej 2,5 sekundy jest dobry. LCP między 2,5 a 4 sekundami wymaga poprawy. LCP powyżej 4 sekund jest słaby.
Przykład: obraz na górze strony głównej waży 5 megabajtów. Pobiera się 3 sekundy. LCP wynosi 3 sekundy. Cel to 2,5 sekundy. Wydajność wymaga poprawy.
Cumulative Layout Shift (CLS)
CLS mierzy stabilność wizualną. Przesunięcie układu zdarza się, gdy treść przesuwa się po załadowaniu strony. Przykład: ktoś zaczyna czytać artykuł. Ładuje się reklama. Artykuł zjeżdża w dół. Czytelnik gubi miejsce. To irytujące.
CLS podsumowuje wszystkie przesunięcia układu. Jeśli treść przesunie się w dół o 200 pikseli, CLS rośnie. Jeśli przesunie się kilka razy, wartość się sumuje.
Cel: CLS poniżej 0,1 jest dobry. CLS między 0,1 a 0,25 wymaga poprawy. CLS powyżej 0,25 jest słaby.
Przykład: reklama ładuje się po załadowaniu strony. Zajmuje 300 pikseli wysokości. Treść pod nią przesuwa się w dół. CLS wynosi 0,15. Wymaga poprawy.
Interaction to Next Paint (INP)
INP mierzy czas reakcji. Użytkownik klika przycisk. System przetwarza kliknięcie. Aktualizuje stronę. Wyświetla zmianę na ekranie. INP to czas od kliknięcia do widocznej zmiany.
INP jest ważny na stronach interaktywnych (formularze, przyciski, menu). Mniej ważny na stronach statycznych (artykuły, blogi).
Cel: INP poniżej 200 milisekund jest dobry. INP między 200 a 500 milisekund wymaga poprawy. INP powyżej 500 milisekund jest słaby.
Przykład: ktoś klika przycisk Dodaj do koszyka. System przetwarza żądanie. Aktualizuje licznik koszyka. INP wynosi 300 milisekund. Wymaga poprawy.
Dlaczego trzy wskaźniki, a nie jeden
Jeden wskaźnik nie oddaje wrażeń użytkownika. Liczy się szybkość ładowania (LCP). Liczy się stabilność wizualna (CLS). Liczy się czas reakcji (INP). Strona może ładować się szybko, ale być niestabilna (wysoki CLS). Albo być szybka i stabilna, ale wolno reagować (wysoki INP). Dopiero trzy wskaźniki razem mierzą jakość doświadczenia użytkownika.
Prawdziwy przykład: Core Web Vitals sklepu internetowego
Punkt wyjścia
Punkt wyjścia strony produktu w sklepie internetowym:
LCP: 2,8 sekundy (powyżej celu 2,5). CLS: 0,12 (powyżej celu 0,1). INP: 220 milisekund (powyżej celu 200).
Wszystkie trzy wskaźniki wymagają poprawy.
Optymalizacja
LCP: optymalizacja obrazu na górze strony, leniwe ładowanie treści poniżej pierwszego ekranu. Wynik: 1,8 sekundy.
CLS: zarezerwowanie miejsca na reklamy, leniwe ładowanie mniej ważnej treści. Wynik: 0,05.
INP: mniej JavaScriptu, optymalizacja obsługi zdarzeń. Wynik: 180 milisekund.
Wszystkie trzy wskaźniki spełniają teraz standardy Google.
Jak Core Web Vitals łączą się z doświadczeniem użytkownika
Dobry LCP: użytkownik szybko widzi treść. Strona sprawia wrażenie żwawej.
Słaby LCP: użytkownik czeka na treść. Strona sprawia wrażenie wolnej.
Dobry CLS: układ jest stabilny. Można czytać bez skaczącej treści. Wygodnie.
Słaby CLS: układ się przesuwa. Czytelnik gubi miejsce. Irytuje.
Dobry INP: użytkownik klika przycisk i od razu widzi reakcję. Strona jest interaktywna.
Słaby INP: użytkownik klika przycisk i czeka na reakcję. Strona nie reaguje.
Dobre Core Web Vitals dają dobre doświadczenie użytkownika. Słabe Core Web Vitals dają słabe doświadczenie.
Pomiar Core Web Vitals
Google mierzy Core Web Vitals na podstawie prawdziwych użytkowników (real user monitoring). Narzędzia laboratoryjne, takie jak Lighthouse, szacują Core Web Vitals, ale mogą nie odpowiadać prawdziwym wrażeniom użytkowników (warunki sieciowe są inne).
Sprawdzaj Core Web Vitals w Google Search Console. Google zbiera dane prawdziwych użytkowników i pokazuje, czy strona spełnia standardy (dobra, wymaga poprawy, słaba).
Sprawdzaj też w PageSpeed Insights. Wyniki Lighthouse plus dane prawdziwych użytkowników z bazy Google.
Najczęstsze pytania
Który wskaźnik Core Web Vitals jest najważniejszy?
Ważne są wszystkie trzy. Zwykle jednak największy wpływ mają LCP i CLS. Jeśli strona ładuje się szybko, ale układ ciągle się przesuwa, doświadczenie jest złe. Jeśli strona jest stabilna, ale wolno reaguje, frustracja jest mniejsza. LCP i CLS to zwykle priorytet pierwszy i drugi. INP jest ważny na stronach interaktywnych, ale mniej krytyczny przy treściach statycznych. Dzięki kreatorowi stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Czym Core Web Vitals różnią się od innych wskaźników wydajności?
Core Web Vitals skupiają się na doświadczeniu użytkownika. Mierzą to, co użytkownicy odczuwają. Inne wskaźniki (TTFB, FCP) są techniczne. Są warunkiem dobrych Core Web Vitals, ale nie mierzą bezpośrednio doświadczenia użytkownika. Poprawiaj je jako fundament, ale to Core Web Vitals pokazują, czy fundament przekłada się na dobre doświadczenie.
Czy można mieć dobre wskaźniki wydajności, a słabe Core Web Vitals?
Tak. Strona może mieć szybki TTFB, ale słaby LCP. Może mieć szybki FCP, ale słaby CLS. Wskaźniki techniczne są potrzebne, ale nie wystarczą do dobrych Core Web Vitals.
Czy optymalizować wszystkie trzy Core Web Vitals w równym stopniu?
Nie. Ustal priorytety według wpływu. Zmierz obecny stan. Jeśli LCP wynosi 4 sekundy, a CLS 0,1, najpierw popraw LCP. Największe luki mają największy wpływ na użytkowników.
Czy Core Web Vitals to jedyne wskaźniki, na których zależy Google?
Nie. Google mierzy też dostosowanie do urządzeń mobilnych, HTTPS, bezpieczne przeglądanie i wyskakujące okna na całą stronę. Core Web Vitals są najlepiej widoczne i najłatwiejsze do zmiany. Pełne doświadczenie ze strony obejmuje jednak także inne czynniki. Optymalizuj Core Web Vitals, ale nie ignoruj innych czynników rankingowych.
Jak często aktualizują się Core Web Vitals prawdziwych użytkowników w Google Search Console?
Codziennie. Google stale zbiera dane prawdziwych użytkowników. Core Web Vitals w Search Console aktualizują się codziennie. Narzędzia laboratoryjne pokazują pomiar z jednej chwili. Aby śledzić wydajność na bieżąco, monitoruj dane prawdziwych użytkowników w Search Console.