Core Web Vitals to zestaw wskaźników opracowanych przez Google do oceny jakości doświadczenia użytkownika podczas korzystania ze strony internetowej.
Wskaźniki mierzą przede wszystkim trzy obszary:
- szybkość ładowania głównej treści,
- responsywność strony na działania użytkownika,
- stabilność wizualną strony.
Core Web Vitals mają znaczenie zarówno dla użytkowników, jak i dla SEO, ponieważ Google wykorzystuje sygnały związane z doświadczeniem użytkownika jako element oceny stron.
Jakie wskaźniki obejmują Core Web Vitals?
Obecnie podstawowy zestaw Core Web Vitals obejmuje trzy wskaźniki:
LCP (Largest Contentful Paint) – szybkość wyświetlenia największego elementu treści.
INP (Interaction to Next Paint) – szybkość reakcji strony na interakcje użytkownika.
CLS (Cumulative Layout Shift) – stabilność układu strony podczas ładowania.
Każdy z nich mierzy inny aspekt działania witryny.
LCP – Largest Contentful Paint
LCP mierzy czas potrzebny na wyświetlenie największego elementu treści widocznego w obszarze ekranu.
Może nim być np.:
- duże zdjęcie,
- nagłówek,
- blok tekstu,
- grafika,
- element hero.
W uproszczeniu LCP odpowiada na pytanie:
„Jak szybko użytkownik zobaczy główną treść strony?”
Google przyjmuje następujące progi:
| LCP | Ocena |
|---|---|
| do 2,5 s | dobra |
| 2,5–4 s | wymaga poprawy |
| powyżej 4 s | słaba |
Im niższy wynik, tym lepiej.
INP – Interaction to Next Paint
INP (Interaction to Next Paint) mierzy responsywność strony na działania użytkownika.
Chodzi między innymi o:
- kliknięcia,
- dotknięcia ekranu,
- naciskanie klawiszy.
INP sprawdza, jak szybko strona reaguje na interakcję i aktualizuje wyświetlany obraz.
Progi są następujące:
| INP | Ocena |
|---|---|
| do 200 ms | dobra |
| 200–500 ms | wymaga poprawy |
| powyżej 500 ms | słaba |
INP zastąpił wcześniej wykorzystywany wskaźnik FID (First Input Delay) jako jeden z podstawowych Core Web Vitals.
CLS – Cumulative Layout Shift
CLS mierzy stabilność wizualną strony.
Problem pojawia się wtedy, gdy elementy strony przesuwają się podczas jej ładowania.
Przykładowo użytkownik chce kliknąć przycisk, ale w tym momencie nad nim pojawia się reklama lub obraz i przycisk przesuwa się w dół.
To właśnie typowy przykład problemu z CLS.
Progi:
| CLS | Ocena |
|---|---|
| do 0,1 | dobra |
| 0,1–0,25 | wymaga poprawy |
| powyżej 0,25 | słaba |
Im niższy CLS, tym lepiej.
Dlaczego Core Web Vitals są ważne?
Strona może być wizualnie atrakcyjna, ale jeżeli:
- długo się ładuje,
- reaguje z opóźnieniem,
- przesuwa elementy podczas ładowania,
użytkownik może mieć z nią złe doświadczenia.
Core Web Vitals pozwalają więc mierzyć rzeczy, które użytkownik rzeczywiście odczuwa podczas korzystania z witryny.
Dla właściciela strony są również przydatnym sposobem na znalezienie problemów technicznych.
Core Web Vitals a SEO
Core Web Vitals są jednym z sygnałów związanych z Page Experience, którymi Google posługuje się przy ocenie stron.
Nie oznacza to jednak, że samo uzyskanie zielonych wyników automatycznie zapewni wysoką pozycję w wynikach wyszukiwania.
Jakość treści, jej przydatność, zgodność z intencją użytkownika, autorytet strony oraz wiele innych czynników nadal ma znaczenie.
Można więc traktować Core Web Vitals jako jeden z elementów optymalizacji strony, a nie samodzielny sposób na zdobycie wysokich pozycji w Google.
Core Web Vitals a PageSpeed Insights
Do sprawdzania Core Web Vitals można wykorzystać PageSpeed Insights.
Narzędzie analizuje stronę i pokazuje między innymi wyniki:
- LCP,
- INP,
- CLS.
Warto zwrócić uwagę na to, że PageSpeed Insights może prezentować zarówno dane z rzeczywistych wizyt użytkowników, jak i wyniki testu laboratoryjnego.
Te dwa rodzaje danych nie są tym samym.
Dane laboratoryjne a dane rzeczywiste
Dane laboratoryjne są uzyskiwane podczas kontrolowanego testu przeprowadzanego w określonych warunkach.
Dane rzeczywiste (field data) pochodzą z rzeczywistych użytkowników odwiedzających stronę.
To ważne, ponieważ strona może osiągać świetne wyniki w kontrolowanym teście, a jednocześnie mieć problemy u części użytkowników korzystających np. ze starszych urządzeń lub wolniejszych połączeń internetowych.
Jak poprawić Core Web Vitals?
Optymalizacja zależy od konkretnego problemu.
Aby poprawić LCP
Pomóc może między innymi:
- optymalizacja dużych obrazów,
- wykorzystanie nowoczesnych formatów obrazów,
- ograniczenie zasobów blokujących renderowanie,
- poprawa czasu odpowiedzi serwera,
- wykorzystanie cache,
- ograniczenie niepotrzebnego JavaScriptu i CSS.
Aby poprawić INP
Warto między innymi:
- ograniczyć ilość wykonywanego JavaScriptu,
- skrócić długie zadania głównego wątku,
- ograniczyć ciężkie skrypty,
- zoptymalizować obsługę interakcji użytkownika.
Aby poprawić CLS
Najczęściej trzeba zadbać o to, aby przeglądarka znała rozmiary elementów jeszcze przed ich załadowaniem.
Pomaga między innymi:
- określenie wymiarów obrazów,
- rezerwowanie miejsca na reklamy,
- stabilne wymiary elementów osadzonych,
- unikanie dynamicznego wstawiania treści nad już wyświetloną zawartością.
Core Web Vitals w WordPressie
W przypadku WordPressa problemy z Core Web Vitals mogą być powodowane między innymi przez:
- ciężkie motywy,
- dużą liczbę wtyczek,
- nieoptymalne obrazy,
- zewnętrzne skrypty,
- reklamy,
- fonty,
- animacje,
- niepotrzebny CSS i JavaScript.
Dlatego sama instalacja wtyczki do optymalizacji nie zawsze rozwiązuje problem.
Czasami konieczne jest znalezienie konkretnego elementu powodującego opóźnienia lub przesunięcia układu.
Core Web Vitals – podsumowanie
Core Web Vitals to trzy podstawowe wskaźniki jakości działania strony:
LCP → szybkość wyświetlenia głównej treści
INP → szybkość reakcji na interakcje
CLS → stabilność wizualna strony
Dobra strona powinna być nie tylko szybka, ale również responsywna i stabilna podczas ładowania.
Dlatego Core Web Vitals warto traktować nie tylko jako element SEO, ale przede wszystkim jako praktyczny sposób mierzenia jakości doświadczenia użytkownika.
