Core Web Vitals – co to jest i jak poprawić wyniki w Google

Core Web Vitals to zestaw wskaźników, którymi Google mierzy realne wrażenia użytkownika na stronie – nie tylko to, jak szybko strona zaczyna się ładować, ale też czy da się na niej wygodnie kliknąć, przewinąć i przeczytać treść bez irytujących przeskoków. Od kilku lat wskaźniki te są też jednym z elementów branych pod uwagę przy ustalaniu pozycji w wynikach wyszukiwania, więc warto wiedzieć, co dokładnie mierzą i jak je poprawić.

Trzy wskaźniki, trzy różne problemy

LCP, czyli Largest Contentful Paint

Mierzy czas, po jakim na ekranie pojawia się największy widoczny element strony, zwykle duże zdjęcie, nagłówek albo baner. Dobry wynik to poniżej 2,5 sekundy. Jeśli LCP jest wysoki, winny jest zwykle nieskompresowany obraz w tle, wolny serwer albo skrypty blokujące renderowanie, ładowane przed treścią.

INP, czyli Interaction to Next Paint

Zastąpił dawniejszy FID i mierzy, ile czasu mija między kliknięciem albo dotknięciem ekranu a rzeczywistą reakcją strony. Wysoki INP to zwykle znak, że w tle dzieje się zbyt dużo JavaScriptu naraz – często winne są zbędne skrypty od wtyczek albo reklam, które blokują główny wątek przeglądarki.

CLS, czyli Cumulative Layout Shift

To ten moment, kiedy próbujesz kliknąć przycisk, a w ostatniej chwili nad nim ładuje się reklama albo obrazek i klikasz coś zupełnie innego. CLS mierzy właśnie takie nieoczekiwane przesunięcia układu strony. Najczęstsza przyczyna to obrazy i osadzone elementy, na przykład reklamy czy filmy z YouTube, bez zdefiniowanych z góry wymiarów – przeglądarka nie wie, ile miejsca zarezerwować, więc robi to dopiero, gdy element w pełni się załaduje.

Jak sprawdzić swoje wyniki

Google Search Console ma osobną sekcję poświęconą podstawowym wskaźnikom internetowym, która pokazuje realne dane zebrane od użytkowników odwiedzających stronę, czyli tak zwane dane terenowe. PageSpeed Insights dodatkowo pokazuje wynik laboratoryjny, symulację na konkretnym urządzeniu i połączeniu, razem z listą konkretnych sugestii do poprawy. Warto sprawdzać oba źródła, bo czasem się różnią w zależności od tego, jacy użytkownicy faktycznie odwiedzają stronę.

Praktyczne sposoby na poprawę wyników

Dla LCP

Skompresuj i zmniejsz największy obraz na stronie, zwykle zdjęcie w nagłówku, włącz cache i rozważ szybszy hosting – to zwykle daje największy, najszybciej widoczny efekt.

Dla INP

Ogranicz liczbę aktywnych wtyczek do niezbędnego minimum, szczególnie tych dodających własny JavaScript, jak popupy, czaty czy karuzele. Odłóż na później skrypty, które nie są potrzebne od razu przy wczytaniu strony, korzystając z atrybutu defer albo async w znaczniku script.

Dla CLS

Zawsze podawaj szerokość i wysokość dla obrazów i osadzonych elementów w kodzie HTML, nawet jeśli finalny rozmiar reguluje CSS – te atrybuty pozwalają przeglądarce od razu zarezerwować odpowiednią przestrzeń.

Ile trzeba czekać na efekty

Dane w Search Console aktualizują się z opóźnieniem, zwykle 28 dni wstecz, więc zmiana wprowadzona dzisiaj w pełni odbije się w raportach dopiero za kilka tygodni. To dobry powód, żeby nie panikować przy jednej gorszej ocenie i zamiast tego regularnie wracać do PageSpeed Insights, gdzie wynik laboratoryjny widać właściwie od razu po zmianach.

Core Web Vitals nie są jedynym czynnikiem rankingowym Google, treść i linki wciąż mają większe znaczenie. Ale przy dwóch podobnie wartościowych stronach to właśnie szybkość i wygoda korzystania mogą przeważyć szalę na korzyść tej, która ładuje się i działa sprawniej.