Trzy wskaźniki i co każdy z nich łapie
Każdy wskaźnik obejmuje inny sposób, w jaki strona może sprawiać złe wrażenie, i zawodzą niezależnie od siebie. Strona może ładować się szybko, a mimo to usuwać się spod kciuka czytelnika; strona może być doskonale stabilna i potrzebować czterech sekund, by pokazać cokolwiek.
| Wskaźnik | Obejmuje | Dobrze | Wymaga poprawy powyżej |
|---|---|---|---|
| LCP | Ładowanie | ≤ 2,5 s | 4,0 s |
| INP | Reakcja | ≤ 200 ms | 500 ms |
| CLS | Stabilność wizualna | ≤ 0,1 | 0,25 |
Largest Contentful Paint znaczy moment, w którym największy element w widoku kończy się renderować — zwykle grafika główna albo blok nagłówka. To zamiennik zdania „strona wygląda, jakby dotarła”, i właśnie dlatego bije starsze znaczniki w rodzaju pierwszego rysowania: szybko namalowana pusta klatka to nie szybko ładująca się strona.
Interaction to Next Paint zastąpił First Input Delay jako stabilny Core Web Vital w marcu 2024 roku, i ta zmiana miała znaczenie. FID mierzył jedynie opóźnienie przed obsłużeniem pierwszej interakcji, co pochlebiało stronom, które sprawnie odpowiadały na pierwsze dotknięcie, a potem grzęzły. INP patrzy na pełne opóźnienie interakcji w całej wizycie i raportuje wartość bliską najgorszej z nich.
Cumulative Layout Shift mierzy treść, która przesuwa się po narysowaniu. To wskaźnik stojący za powszechnym doświadczeniem sięgania po link i trafienia w reklamę, która dojechała pod spodem. Ponieważ jest wynikiem, a nie czasem, jedno paskudne przesunięcie pod koniec strony potrafi zdominować liczbę.
Oceniane w 75. percentylu, na danych z terenu
To ta część, która zaskakuje zespoły. Ocena bierze 75. percentyl wczytań strony w ruchomym oknie 28 dni, osobno dla urządzeń mobilnych i komputerów. Wygodna mediana z powolnym ogonem i tak oblewa — celowo. Wskaźnik dotyczy tej ćwiartki odwiedzających, która ma najgorzej, a nie tej typowej.
Oznacza to też, że dane pochodzą z terenu, zebrane z prawdziwych wizyt, a nie z przebiegu laboratoryjnego. Narzędzia laboratoryjne to przyrządy diagnostyczne: mówią, który zasób wstrzymuje renderowanie, i do tego są właściwym narzędziem. Nie są oceną, a zielony wynik laboratoryjny obok oblanej oceny terenowej to nie sprzeczność — to znaczy, że twoi prawdziwi odwiedzający nie siedzą przy maszynie, z której testowałeś.
Co naprawdę porusza każdy wskaźnik
Przyczyny są mało efektowne i powtarzają się między witrynami. Większość pracy polega na rozstrzygnięciu, co przeglądarka musi mieć przed pierwszym znaczącym rysowaniem, i na odmówieniu wszystkiemu innemu miejsca w tej kolejce.
| Wskaźnik | Zwykła przyczyna | Zwykła naprawa |
|---|---|---|
| LCP | Wolna odpowiedź serwera | Buforuj dokument; skróć łańcuchy przekierowań |
| LCP | Grafika główna odkrywana zbyt późno | Wczytuj ją wstępnie; nigdy leniwie |
| LCP | CSS lub fonty blokujące renderowanie | Krytyczny CSS w treści; stosuj font-display |
| INP | Długie zadania JavaScriptu w wątku głównym | Podziel je; odłóż to, co nieistotne |
| INP | Ciężkie skrypty zewnętrzne | Ładuj późno albo usuń |
| CLS | Obrazy i osadzenia bez wymiarów | Ustaw width i height albo aspect-ratio |
| CLS | Fonty, które się podmieniają i łamią tekst | Dopasuj metryki zastępcze; wczytaj krój wstępnie |
| CLS | Banery wstrzykiwane nad treścią | Zarezerwuj miejsce, zanim się wypełni |
Skrypty zewnętrzne zasługują na osobne wskazanie, bo są najczęstszą przyczyną problemu z INP i tą, do której nikt się nie przyznaje. Każdy tag dodany dla analityki, czatu, testów czy zgód walczy o ten sam wątek główny, którego potrzebuje dotknięcie czytelnika. Sensowne pytanie audytowe brzmi nie „czy każdy jest przydatny”, lecz „ile kosztuje w 75. percentylu”.
Gdzie wrażenia ze strony stoją wśród sygnałów
Google twierdzi, że jego główne systemy rankingowe korzystają z Core Web Vitals, ale nie istnieje jeden „sygnał jakości strony”. Trafność nadal jest najważniejsza, a dobre Core Web Vitals nie gwarantują najwyższej pozycji.
Nadaj priorytet realnym problemom użytkowników, szczególnie na ważnych szablonach, bez traktowania przekroczenia progu jako gwarancji rankingu. Trafna strona ze słabym doświadczeniem może nadal rankować; szybka strona niedopasowana do zapytania nie staje się trafna tylko dlatego, że jest szybka.
Kolejność pracy, która się broni
Jeśli zaczynasz od oblanej oceny, ta kolejność unika najczęstszego marnotrawstwa: szlifowania tego, co już przechodzi, albo naprawiania strony bez ruchu.
- Najpierw przeczytaj dane z terenu, osobno dla urządzeń mobilnych i komputerów. Zwykle oblewa tylko mobilny, a naprawa komputerowego nic nie zmienia.
- Ustal, który wskaźnik zawodzi i na których grupach stron. Szablony zawodzą razem; pojedynczy adres rzadko wiele mówi.
- Odtwórz przyczynę w laboratorium, na ograniczonym łączu. Laboratorium mówi, co jest wolne; teren powiedział, że to ma znaczenie.
- Napraw największy pojedynczy udział i wdroż. Te wskaźniki ruszają się dzięki poprawom cząstkowym; jeden przełącznik rzadko istnieje.
- Odczekaj okno 28 dni przed oceną. Ocena to średnia opóźniona, więc poprawka wdrożona dziś ujawnia się stopniowo.