Core Web Vitals nadają liczby temu, jak strona naprawdę „czuje się" dla realnego użytkownika — jak szybko pokazuje treść, jak szybko reaguje i jak stabilna jest podczas ładowania. Google mierzy je od prawdziwych użytkowników Chrome, więc odzwierciedlają doświadczenie z pola, a nie tylko test laboratoryjny. Oto co znaczy każda z nich i jak ewoluowały.
Trzy metryki
Largest Contentful Paint (LCP)
LCP mierzy wydajność ładowania — konkretnie, ile czasu zajmuje wyrenderowanie największego widocznego elementu (zwykle grafiki hero lub bloku nagłówka). Google uznaje 2,5 sekundy lub mniej za „dobry" wynik. Wolny LCP zwykle bierze się z wolnego serwera, zasobów blokujących renderowanie albo dużych, niezoptymalizowanych obrazów. Poprawa to głównie szybszy hosting, wydajne obrazy i usunięcie tego, co blokuje pierwsze renderowanie.
Interaction to Next Paint (INP)
INP mierzy responsywność: jak szybko strona reaguje, gdy użytkownik wchodzi z nią w interakcję, w całej wizycie. Zastąpił First Input Delay (FID) jako Core Web Vital w marcu 2024, bo FID mierzył tylko pierwszą interakcję i był zbyt łatwy do zaliczenia — INP jest surowszą, bardziej reprezentatywną miarą. „Dobry" INP to 200 milisekund lub mniej. Zwykłym winowajcą jest ciężki JavaScript, więc lekarstwem jest odchudzanie i odraczanie skryptów oraz dzielenie długich zadań.
Cumulative Layout Shift (CLS)
CLS mierzy stabilność wizualną — jak bardzo treść nieoczekiwanie przesuwa się podczas ładowania, ta irytacja klikania przycisku, który odskakuje. „Dobry" CLS to 0,1 lub mniej. Zwykle powodują go obrazy i reklamy bez zarezerwowanego miejsca albo czcionki, które się podmieniają i przebudowują układ. Rezerwowanie wymiarów dla mediów i ostrożność z wstrzykiwaną treścią utrzymują go nisko.
Jak poprawić Core Web Vitals
Mierz w PageSpeed Insights i raporcie Core Web Vitals w Search Console, traktując dane z pola (realni użytkownicy) jako źródło prawdy, a nie sam wynik laboratoryjny. Potem pracuj nad typowymi wygranymi: szybszy hosting i zoptymalizowane obrazy dla LCP, lżejszy JavaScript dla INP, zarezerwowane miejsce dla mediów i czcionek dla CLS. Naprawiaj per szablon, bo Vitals zwykle różnią się typem strony, nie pojedynczym URL-em.
