Czym są Core Web Vitals
Core Web Vitals to zestaw trzech wskaźników, którymi Google mierzy jakość doświadczenia użytkownika na stronie: jak szybko pojawia się główna treść, jak szybko strona reaguje na działania i czy układ nie „skacze” podczas ładowania. Są częścią sygnałów, które Google uwzględnia przy ocenie stron.
Najważniejsze: Google ocenia je na podstawie danych od prawdziwych użytkowników (raport Chrome UX Report), a nie tylko testu z jednego komputera. Liczy się wynik dla 75% odwiedzin – czyli również dla osób na słabszych telefonach i wolniejszym internecie.
Trzy wskaźniki i ich progi
| Wskaźnik | Co mierzy | Dobry wynik | Słaby wynik |
|---|---|---|---|
| LCP – Largest Contentful Paint | czas pojawienia się największego elementu treści | do 2,5 s | powyżej 4 s |
| INP – Interaction to Next Paint | czas reakcji strony na kliknięcia i dotyk | do 200 ms | powyżej 500 ms |
| CLS – Cumulative Layout Shift | przesunięcia układu podczas ładowania | do 0,1 | powyżej 0,25 |
INP zastąpił w 2024 roku wcześniejszy wskaźnik FID. Jest bardziej wymagający, bo mierzy wszystkie interakcje na stronie, a nie tylko pierwszą.
Jak sprawdzić wyniki swojej strony
- PageSpeed Insights – wpisujesz adres i dostajesz zarówno dane od prawdziwych użytkowników (jeśli strona ma wystarczający ruch), jak i test laboratoryjny z listą problemów,
- Google Search Console – raport „Podstawowe wskaźniki internetowe” pokazuje, które grupy podstron mają problemy,
- Lighthouse w narzędziach deweloperskich Chrome – do szybkich testów podczas prac nad stroną.
Wynik laboratoryjny (np. 95/100 w Lighthouse) to wskazówka, nie ocena Google. Decydują dane od użytkowników – dlatego zawsze sprawdzaj stronę także na przeciętnym telefonie.
Jak poprawić LCP
LCP to najczęściej duże zdjęcie w nagłówku albo główny tytuł strony.
- Kompresuj obrazy i używaj nowoczesnych formatów (WebP, AVIF) w rozmiarze dopasowanym do ekranu.
- Nie ładuj leniwie (lazy loading) głównego obrazu – ma się pobrać od razu; leniwie ładuj tylko to, co jest niżej.
- Wczytuj wcześniej fonty i kluczowe zasoby (preload), a fonty wyświetlaj z
font-display: swap. - Ogranicz blokujące skrypty i style – zbędne biblioteki, wtyczki, skrypty zewnętrzne ładowane w nagłówku.
- Skróć czas odpowiedzi serwera – cache, kompresja, dobry hosting, a przy stronach z CMS buforowanie całych stron.
Jak poprawić INP
Słaby INP oznacza, że przeglądarka jest zajęta wykonywaniem JavaScriptu, gdy użytkownik próbuje coś kliknąć.
- Usuń zbędny JavaScript – nieużywane wtyczki, widgety, ciężkie biblioteki do prostych efektów.
- Ogranicz skrypty zewnętrzne – czaty, piksele reklamowe, mapy; ładuj je dopiero, gdy są potrzebne.
- Dziel długie zadania – ciężkie obliczenia rozbijaj na mniejsze części, żeby przeglądarka mogła w międzyczasie reagować.
- Upraszczaj animacje i unikaj przebudowywania dużej części strony po każdym kliknięciu.
Jak poprawić CLS
- Podawaj wymiary obrazów i filmów (width i height), żeby przeglądarka zarezerwowała dla nich miejsce.
- Rezerwuj miejsce na banery, reklamy i osadzone elementy, które pojawiają się później.
- Nie wstawiaj treści nad tym, co użytkownik już widzi – np. komunikatów, które przesuwają tekst w dół.
- Dobierz fonty zastępcze o podobnych proporcjach, żeby zamiana fontu nie przestawiała akapitów.
Szybkość to nie tylko SEO
Szybka strona to przede wszystkim więcej zapytań i sprzedaży: użytkownicy, którzy nie czekają, częściej czytają ofertę i klikają „kontakt”. Szczególnie na telefonach, gdzie odbywa się większość wizyt.
Dlatego wydajność warto zaplanować od początku projektu, a nie „dorabiać” po fakcie – wtedy zwykle wymaga przebudowy. Tak podchodzimy do każdej strony internetowej, którą budujemy. Jeśli zastanawiasz się, ile kosztuje taka strona, przeczytaj ten poradnik.
Powiązane usługi: strony internetowe.