Core Web Vitals to zestaw metryk, które pokazują, czy strona działa wygodnie dla użytkownika. Nie chodzi tylko o sam czas ładowania. Ważne jest także to, czy użytkownik szybko widzi główną treść, czy strona reaguje na kliknięcia bez opóźnień i czy układ nie przesuwa się w trakcie ładowania.
Obecnie Core Web Vitals obejmują trzy wskaźniki: LCP, INP oraz CLS. Każdy z nich opisuje inny problem techniczny, który użytkownik może odczuć podczas korzystania ze strony.
LCP, czyli Largest Contentful Paint
LCP mierzy czas, po którym użytkownik widzi największy element w pierwszym widoku strony. W praktyce może to być zdjęcie w górnej sekcji strony, grafika artykułu, duży nagłówek, fragment tekstu albo zdjęcie produktu.
Ten wskaźnik odpowiada na proste pytanie: jak szybko użytkownik widzi główną treść strony?
Jeżeli LCP jest słaby, strona może sprawiać wrażenie wolnej już na samym początku wizyty. Użytkownik wchodzi z Google, reklamy, mediów społecznościowych albo newslettera i czeka, aż pojawi się najważniejszy element. Im dłużej trwa ten moment, tym większe ryzyko, że opuści stronę przed przeczytaniem treści.
Co powoduje słaby LCP?
- Najczęstszym problemem są zbyt duże grafiki. Dotyczy to zwłaszcza banerów, zdjęć w sekcji hero, grafik wyróżniających we wpisach blogowych i zdjęć produktów. Jeżeli obraz ma kilka megabajtów, a dodatkowo ładuje się na telefonie, główna treść może pojawić się z opóźnieniem.
- Drugim częstym powodem jest wolny serwer. Nawet dobrze zoptymalizowana grafika nie pomoże, jeśli strona długo czeka na odpowiedź hostingu. Problem może też wynikać z ciężkiego motywu WordPress, rozbudowanego buildera, dużych plików CSS albo skryptów, które blokują wyświetlenie treści.
- Warto zwrócić uwagę także na lazy loading. To dobre rozwiązanie dla obrazów umieszczonych niżej na stronie, ale nie powinno opóźniać ładowania głównego obrazu widocznego od razu po wejściu.
INP, czyli Interaction to Next Paint
INP mierzy, jak szybko strona reaguje na działania użytkownika. Chodzi o sytuacje, w których ktoś klika menu, rozwija sekcję FAQ, wpisuje dane w formularzu, korzysta z filtra produktów, zmienia wariant produktu albo dodaje go do koszyka.
Ten wskaźnik odpowiada na pytanie: czy strona reaguje sprawnie, kiedy użytkownik chce coś zrobić?
INP zastąpił wcześniejszą metrykę FID, czyli First Input Delay. Różnica jest istotna. FID skupiał się na pierwszej interakcji użytkownika ze stroną. INP pokazuje responsywność szerzej, ponieważ bierze pod uwagę interakcje występujące w trakcie całej wizyty.
Kiedy użytkownik odczuwa problem z INP?
Problem z INP pojawia się wtedy, gdy użytkownik wykonuje akcję, ale strona reaguje z opóźnieniem. Może kliknąć ikonę menu i przez chwilę nie widzieć żadnej reakcji. Może wpisać dane w formularzu, który działa z wyczuwalnym przycięciem. Może też użyć filtrów w sklepie internetowym i czekać, aż strona przetworzy kliknięcie.
Najczęściej przyczyną jest przeciążenie JavaScriptem. Strona ładuje zbyt wiele skryptów, narzędzi analitycznych, popupów, czatów, map, heatmap albo widgetów. Dla użytkownika nie ma znaczenia, który z tych elementów odpowiada za opóźnienie. Widzi tylko, że strona działa wolno.
CLS, czyli Cumulative Layout Shift
CLS mierzy stabilność układu strony podczas ładowania. Sprawdza, czy elementy nie przesuwają się nagle, gdy użytkownik zaczyna czytać tekst albo chce kliknąć konkretny przycisk.
Ten wskaźnik odpowiada na pytanie: czy układ strony pozostaje stabilny?
Problem z CLS jest łatwy do zauważenia. Użytkownik czyta pierwszy akapit, a po chwili treść przesuwa się niżej, bo załadowała się reklama, grafika, baner cookie albo moduł rekomendacji. Innym przykładem jest przycisk, który zmienia pozycję w momencie kliknięcia. W efekcie użytkownik może nacisnąć nie ten element, który zamierzał.
Skąd biorą się przesunięcia układu?
Najczęściej powodem są obrazy bez określonych wymiarów. Przeglądarka nie wie wtedy, ile miejsca ma zarezerwować, więc po załadowaniu grafiki przesuwa pozostałe elementy strony.
Podobny problem mogą powodować reklamy, banery, popupy, dynamiczne moduły, późno ładowane fonty i elementy wstawiane nad widoczną treścią. CLS jest szczególnie uciążliwy na telefonach, gdzie każdy większy przeskok układu mocno wpływa na czytanie i klikanie.
W wielu przypadkach poprawa CLS polega nie na przyspieszaniu strony, ale na uporządkowaniu jej układu. Obraz, reklama, formularz albo moduł opinii powinny mieć zarezerwowane miejsce, zanim pojawią się na ekranie.
Core Web Vitals – porównanie metryk
Po opisaniu każdej metryki łatwiej zobaczyć różnice między nimi. LCP dotyczy początku wizyty i wyświetlenia głównej treści. INP dotyczy reakcji strony na działania użytkownika. CLS dotyczy stabilności układu.
| Metryka | Pełna nazwa | Co mierzy? | Jak wygląda problem na stronie? |
|---|---|---|---|
| LCP | Largest Contentful Paint | Czas wyświetlenia największego elementu w pierwszym widoku strony | Główna treść pojawia się zbyt wolno |
| INP | Interaction to Next Paint | Czas reakcji strony na kliknięcie, wpisanie danych lub inną interakcję | Menu, formularz, filtr albo przycisk działa z opóźnieniem |
| CLS | Cumulative Layout Shift | Stabilność układu podczas ładowania strony | Tekst, grafika, reklama albo przycisk nagle zmieniają pozycję |
Dlaczego Core Web Vitals są ważne?
Core Web Vitals są ważne, ponieważ dotyczą sytuacji, które bezpośrednio wpływają na korzystanie ze strony. Użytkownik nie analizuje technicznych raportów. Widzi tylko, że treść ładuje się zbyt długo, menu reaguje z opóźnieniem albo akapit przeskakuje w trakcie czytania.
Dla SEO Core Web Vitals są elementem technicznej jakości strony. Nie zastępują treści, struktury serwisu, linkowania wewnętrznego ani dopasowania do intencji użytkownika. Pomagają jednak ograniczyć problemy, które mogą osłabiać efekty pozycjonowania.
Jeżeli użytkownik trafia z Google na artykuł, stronę ofertową albo kartę produktu, powinien szybko dotrzeć do informacji. Jeśli musi czekać, walczyć z przeskakującym układem albo klikać przyciski, które reagują z opóźnieniem, rośnie ryzyko opuszczenia strony.
Core Web Vitals warto analizować szczególnie na podstronach, które mają znaczenie dla ruchu i konwersji: wpisach blogowych, landing page’ach, stronach ofertowych, kategoriach, kartach produktów, formularzach i koszyku.
Gdzie sprawdzić Core Web Vitals?
Najważniejszym narzędziem jest Google Search Console. Raport Core Web Vitals pokazuje dane z rzeczywistych wizyt użytkowników i grupuje podobne adresy URL według problemów. Dzięki temu można zobaczyć, czy kłopot dotyczy pojedynczej podstrony, czy całego typu stron, np. wpisów blogowych albo kart produktów.
Do analizy pojedynczego adresu warto użyć PageSpeed Insights. Narzędzie pokazuje dane terenowe oraz laboratoryjne. Dane terenowe pokazują, jak strona działa u rzeczywistych użytkowników. Dane laboratoryjne pomagają znaleźć techniczne przyczyny problemu.
Lighthouse przydaje się przy głębszej diagnostyce. Pomaga sprawdzić m.in. zasoby blokujące ładowanie, nieużywany CSS, zbyt ciężki JavaScript, problemy z obrazami i inne elementy wpływające na działanie strony.
Wyniki warto analizować osobno dla mobile i desktopu. Strona może działać poprawnie na komputerze, a jednocześnie mieć problemy na telefonach. To częsta sytuacja przy ciężkich grafikach, rozbudowanych szablonach i dużej liczbie skryptów marketingowych.
Czy Core Web Vitals mają znaczenie dla AI i GEO?
Core Web Vitals coraz częściej pojawiają się także w rozmowach o GEO, czyli optymalizacji treści pod generatywne systemy odpowiedzi. Trzeba jednak jasno rozdzielić fakty od skrótów myślowych.
Nie ma podstaw, aby twierdzić, że LCP, INP i CLS bezpośrednio decydują o tym, czy system AI wykorzysta daną stronę jako źródło. Core Web Vitals nie są prostym „czynnikiem GEO”.
Mają jednak znaczenie pośrednie. Treść przygotowana pod SEO i GEO powinna być dostępna, czytelna i łatwa do odczytania. Jeżeli artykuł ładuje się wolno, ważne informacje są zasłaniane przez popupy, dane pojawiają się dopiero po interakcji albo strona mocno zależy od ciężkiego JavaScriptu, dostęp do treści jest utrudniony.
W praktyce dobra kondycja techniczna strony pomaga wykorzystać potencjał treści. Nie gwarantuje cytowania w odpowiedziach AI, ale zmniejsza ryzyko, że wartościowy materiał będzie trudny do przeczytania, zinterpretowania albo użycia przez użytkownika po przejściu na stronę.
Autor artykułu
Filip Nocny – SEO & Content Manager z ponad 10-cio letnim doświadczeniem w pozycjonowaniu stron i sklepów internetowych w Google i wynikach AI.