Core Web Vitals brzmi jak coś, czym powinien zajmować się programista, a nie właściciel firmy. W rzeczywistości to po prostu sposób, w jaki Google mierzy, czy Twoja strona jest przyjemna w obsłudze: czy ładuje się szybko, czy da się jej od razu używać i czy nie skacze pod palcem w trakcie czytania. Trzy proste pytania, na które Google odpowiada liczbami.
Te liczby mają znaczenie z dwóch powodów. Po pierwsze, są jednym z sygnałów, które wpływają na pozycję w wynikach wyszukiwania. Po drugie, opisują realne doświadczenie człowieka, który właśnie próbuje coś u Ciebie znaleźć. W tym artykule wyjaśniamy bez żargonu, czym są trzy metryki, jak sprawdzić swoją stronę w kilka minut i co z tym zrobić, nawet jeśli nie napisałeś w życiu linijki kodu.
Omówimy
Czym są Core Web Vitals i czemu Cię to obchodzi
Core Web Vitals to zestaw trzech wskaźników, którymi Google ocenia jakość doświadczenia na stronie. Nazwa znaczy dosłownie „kluczowe parametry życiowe witryny", trochę jak puls i ciśnienie u lekarza. Każdy z nich mierzy inny aspekt tego, jak strona zachowuje się w rękach prawdziwego użytkownika, na jego telefonie i jego łączu.
Dlaczego to ważne dla Ciebie, a nie tylko dla Google? Bo wolna i nerwowa strona kosztuje pieniądze, zanim jeszcze ktokolwiek przeczyta Twoją ofertę. Badania od lat pokazują tę samą prawidłowość: im dłużej ładuje się strona, tym więcej osób ją zamyka, zanim się w ogóle pokaże. Każda dodatkowa sekunda oczekiwania to wymierny spadek liczby osób, które zostają. Core Web Vitals to po prostu policzalna wersja tego problemu.
Co ważne, Google ocenia te wskaźniki osobno dla telefonów i dla komputerów. Ponieważ większość ruchu pochodzi dziś z telefonów, to właśnie wynik mobilny jest tym, na którym najbardziej Ci zależy.
Trzy metryki po ludzku
Nazwy brzmią technicznie, ale każda z nich odpowiada na zwykłe, ludzkie pytanie. Oto cała trójka bez żargonu:
- LCP (Largest Contentful Paint) – „jak szybko widzę treść?" Mierzy, po jakim czasie pojawia się największy, najważniejszy element ekranu, np. główne zdjęcie albo nagłówek. Dobry wynik to poniżej 2,5 sekundy.
- INP (Interaction to Next Paint) – „czy strona reaguje, gdy coś klikam?" Mierzy, jak szybko strona odpowiada na działanie użytkownika, np. kliknięcie przycisku. Dobry wynik to poniżej 200 milisekund. Ta metryka w 2024 roku zastąpiła starszą o nazwie FID.
- CLS (Cumulative Layout Shift) – „czy strona skacze mi pod palcem?" Mierzy, jak bardzo elementy przesuwają się w trakcie ładowania. Znasz to uczucie, gdy chcesz kliknąć przycisk, a w ostatniej chwili doładowuje się reklama i klikasz coś innego. Dobry wynik to poniżej 0,1.
Nie musisz pamiętać dokładnych progów. Wystarczy intuicja: szybko się pokazuje, od razu reaguje, nic nie skacze. Narzędzia, które za chwilę pokażemy, i tak podają wynik w prostym kolorze: zielony znaczy dobrze, pomarańczowy znaczy do poprawy, czerwony znaczy problem.
Jak sprawdzić swoją stronę
Sprawdzenie zajmuje dosłownie kilka minut i nie wymaga żadnej instalacji. Masz do dyspozycji dwa darmowe narzędzia od Google:
- PageSpeed Insights – wchodzisz na stronę narzędzia, wklejasz adres swojej witryny i klikasz „analizuj". Po chwili dostajesz wynik osobno dla telefonu i komputera, z kolorami i konkretną listą rzeczy do poprawy.
- Google Search Console – darmowe narzędzie dla właścicieli stron, które pokazuje raport Core Web Vitals dla całej witryny na podstawie danych prawdziwych użytkowników, a nie pojedynczego testu.
Ważne rozróżnienie, które oszczędzi Ci nerwów: PageSpeed Insights pokazuje dwa typy danych. „Dane laboratoryjne" to jednorazowy test w kontrolowanych warunkach, przydatny do diagnozy. „Dane z terenu" to uśrednione wyniki realnych odwiedzających z ostatnich tygodni i to one liczą się dla Google. Jeśli widzisz różnicę między jednym a drugim, to normalne. Patrz przede wszystkim na dane z terenu.
Jeśli Twoja strona jest nowa albo ma mały ruch, danych z terenu może jeszcze nie być. Wtedy opieraj się na teście laboratoryjnym i wracaj do Search Console za kilka tygodni.
Co realnie poprawić (plus 2 ciekawostki)
Większości problemów nie naprawisz sam, ale możesz je rozpoznać i wskazać osobie technicznej. Najczęstsze winowajcy słabych wyników są zaskakująco powtarzalne:
- Za ciężkie zdjęcia – to numer jeden. Zdjęcie prosto z aparatu potrafi ważyć kilka megabajtów. Skompresowane i w nowoczesnym formacie (jak WebP) waży ułamek tego i ładuje się błyskawicznie.
- Za dużo wtyczek i skryptów – każdy dodatek, czat, piksel reklamowy i animacja coś kosztują. Usunięcie tych nieużywanych często daje największy skok.
- Brak zarezerwowanego miejsca na elementy – gdy przeglądarka nie wie z góry, ile miejsca zajmie zdjęcie czy reklama, strona skacze. To główna przyczyna złego CLS.
- Wolny hosting – najtańszy serwer współdzielony potrafi odpowiadać z opóźnieniem, którego nie nadrobisz żadną optymalizacją grafik.
Na koniec dwie ciekawostki. Pierwsza: Core Web Vitals to dane mobilne z realnych telefonów użytkowników, więc Twój nowy, szybki laptop może pokazywać świetny wynik, podczas gdy klienci na starszych telefonach męczą się z tą samą stroną. Druga: poprawa szybkości pomaga podwójnie, bo te same zmiany, które lubi Google, lubią też ludzie, więc rośnie i pozycja w wyszukiwarce, i odsetek osób, które zostają i kupują.
Szybkość to jednak tylko jeden z elementów dobrego doświadczenia. O tym, jak całość strony wpływa na to, czy ktoś zostaje i kupuje, piszemy w artykule czym jest UX.
Potrzebujesz strony, która sprzedaje?
W Swiftcore Lab budujemy strony szybkie z założenia: lekkie, zoptymalizowane i zielone w Core Web Vitals od pierwszego dnia. Jeśli Twoja obecna strona ładuje się zbyt wolno, sprawdzimy ją i powiemy, co poprawić. Skontaktuj się już dziś.
Napisz do nas
