Core Web Vitals

Core Web Vitals to trzy wskaźniki, którymi Google opisuje wygodę korzystania ze strony. Mierzą czas pojawienia się głównej treści (LCP), szybkość reakcji na kliknięcia (INP) i stabilność układu podczas ładowania (CLS). Dane pochodzą od prawdziwych użytkowników Chrome z ostatnich 28 dni, a nie z jednorazowego testu.

Google ocenia każdy wskaźnik na 75. percentylu wizyt, osobno dla telefonów i komputerów. W praktyce wynik musi być dobry dla trzech na cztery wizyty, a nie tylko średnio. Według Google dobre Core Web Vitals są zgodne z tym, co nagradzają jego główne systemy rankingowe.

Dla właściciela strony ważniejsze od rankingu jest to, co te liczby mówią o klientach. Wolna strona na telefonie oznacza, że część osób z reklamy zamyka kartę, zanim zobaczy ofertę, a każde takie kliknięcie jest opłacone. Pisaliśmy o tym w artykule Jak wolna strona zwiększa koszt Google Ads.

LCP: kiedy widać główną treść

LCP (Largest Contentful Paint) to czas, po którym na ekranie pojawia się największy element widocznej części strony. Najczęściej jest to zdjęcie w pierwszej sekcji lub główny nagłówek. Dobry wynik to do 2,5 sekundy, a powyżej 4 sekund Google uznaje stronę za wolną.

Słabe LCP wynika zwykle z ciężkiego zdjęcia na początku strony, wolnej odpowiedzi serwera, skryptów blokujących wyświetlanie lub fontów ładowanych z zewnątrz. Naprawę zaczynamy od elementu, który PageSpeed Insights wskazuje jako LCP. Zwykle pomaga lżejszy format zdjęcia (WebP i AVIF), wyższy priorytet ładowania i wyłączenie lazy loadingu dla tego jednego obrazu.

INP: jak szybko strona reaguje

INP (Interaction to Next Paint) mierzy opóźnienie między kliknięciem, dotknięciem lub naciśnięciem klawisza a reakcją strony. W marcu 2024 roku zastąpił wcześniejszy wskaźnik FID. Dobry wynik to do 200 milisekund, a powyżej 500 milisekund strona jest oceniana jako powolna w reakcji.

Wysoki INP to menu, które rozwija się z opóźnieniem, lub przycisk koszyka, który przez chwilę nie reaguje. Przyczyną jest zwykle nadmiar JavaScriptu: wtyczki ładujące skrypty na każdej podstronie, suwaki, czaty i skrypty reklamowe. Pomaga usunięcie zbędnych skryptów i opóźnienie tych, które nie są potrzebne od razu. W sklepie każde zacięcie przy wyborze wariantu lub w koszyku to moment, w którym klient może zrezygnować.

CLS: czy strona nie skacze

CLS (Cumulative Layout Shift) mierzy, jak bardzo elementy przesuwają się podczas ładowania strony. Typowa sytuacja: ktoś chce kliknąć przycisk, a w ostatniej chwili nad nim pojawia się baner. Dobry wynik to 0,1 lub mniej, a powyżej 0,25 Google uznaje stronę za niestabilną.

Najczęstsze przyczyny to zdjęcia i filmy bez podanych wymiarów, fonty, które po wczytaniu zmieniają wysokość tekstu, oraz reklamy i treści wstawiane po załadowaniu strony. Naprawa rzadko wymaga przebudowy, więc CLS jest zwykle najtańszym do poprawienia wskaźnikiem.

Jak sprawdzić Core Web Vitals

Dane od użytkowników pokazuje górna sekcja raportu PageSpeed Insights oraz raport Podstawowe wskaźniki internetowe w Google Search Console. Mała strona często ma za mało wizyt, żeby Google pokazał te dane. Zostaje wtedy test laboratoryjny w dolnej części raportu. Z niego pochodzi wynik od 0 do 100, który pomaga znaleźć przyczyny, ale nie jest oceną Core Web Vitals.

Przykład z naszej pracy: sklep MJ Carstyling nie zaliczał Core Web Vitals. Bez budowy nowej strony skróciliśmy LCP z 5,1 do 2,0 sekundy, a czas odpowiedzi serwera z prawie 3 sekund do 37 milisekund. Na nowych stronach gwarantujemy co najmniej 95 punktów w PageSpeed na telefonie.