Core Web Vitals

Co to jest

Trzy liczby, każda z progiem, który Google nazywa „dobrym”:

• LCP (Largest Contentful Paint) — moment, w którym dorysowuje się największy element widoczny na ekranie. Dobrze to 2,5 sekundy lub mniej. Zwykle tym elementem jest zdjęcie w nagłówku albo sam nagłówek.
• INP (Interaction to Next Paint) — ile czasu mija od kliknięcia do pierwszej reakcji, którą widać. Dobrze to 200 milisekund lub mniej. Zastąpił FID w marcu 2024 i jest wyraźnie trudniejszy do zaliczenia, bo mierzy każdą interakcję, nie tylko pierwszą.
• CLS (Cumulative Layout Shift) — jak bardzo układ strony skacze w trakcie ładowania. Dobrze to 0,1 lub mniej, w skali bez jednostki. Winne są zwykle fonty doczytywane z opóźnieniem, obrazki bez podanych wymiarów i doklejane banery.

Dane pochodzą od prawdziwych użytkowników Chrome z ostatnich 28 dni, a próg liczy się na 75. percentylu — czyli najwolniejsza ćwiartka wizyt ma prawo być słaba.

Dlaczego to twój problem, jeśli zamawiasz stronę

Mniej, niż sugerują sprzedawcy audytów, i bardziej, niż twierdzą sceptycy. Google mówi to otwarcie: jakość strony jest rozstrzygnięciem remisu, nie dźwignią. Słaby tekst nie wskoczy nad lepszy dlatego, że ładuje się szybciej. Te wskaźniki decydują między stronami, które są tak samo dobrą odpowiedzią — a dla lokalnej firmy konkurującej z czterema podobnymi witrynami to jest właściwie cały rynek.

Mocniejszy argument nie ma z pozycjami nic wspólnego. LCP to liczba, która koreluje z wychodzeniem przed pokazaniem się treści, a CLS z klikaniem w nie to, co się chciało kliknąć. Jedno i drugie to problem konwersji, który akurat da się zmierzyć.

Co widzę w projektach

Dwa wzorce, raz za razem.

Pierwszy: setka w Lighthouse obok czerwonego raportu z pola. Lighthouse mierzy jedną stronę, raz, na symulowanym łączu, bez banera cookies i bez firmowych tagów — czyli nie tę wizytę, którą odbywa twój klient. Liczy się raport w Search Console, bo tylko on powstaje z prawdziwych sesji. Tę rozbieżność pilnuje panel monitoringu SEO, który zbudowałem, i otwiera się ona na prawie każdym WordPressie z doklejoną analityką.

Drugi: przy migracjach z WordPressa LCP poprawia się głównie przez usuwanie. Nie przez obróbkę zdjęć, tylko przez wyrzucenie pracy blokującej render — CSS-a wtyczek, ładowarki fontów, skryptu slidera — i wysyłanie HTML-a, który był gotowy, zanim przyszło żądanie. INP poprawia się z tego samego powodu: nie zostaje nic, co blokowałoby główny wątek.

Czym Core Web Vitals nie są

Nie są testem prędkości i nie są celem, który osiąga się raz. Strona zaliczająca progi w dniu startu potrafi wypaść z nich trzy miesiące później, bo marketing dołożył czat. Nie mówią też nic o tym, czy strona jest dobra: szybka strona z odpowiedzią na złe pytanie dalej przegrywa.