Core Web Vitals – kluczowe wskaźniki oceny wydajności stron internetowych

Core Web Vitals
co to jest?

Core Web Vitals to zestaw podstawowych wskaźników internetowych wprowadzonych przez Google w celu oceny jakości doświadczeń użytkowników na stronach internetowych. Koncentrują się one na trzech kluczowych aspektach użyteczności, które mają bezpośredni wpływ na odbiór strony przez użytkowników: szybkość strony, stabilność wizualna oraz interaktywność.

Google wprowadziło Core Web Vitals w maju 2020 roku, jako część swojej inicjatywy mającej na celu promowanie lepszych doświadczeń użytkowników w internecie. W maju 2021 roku wskaźniki Core Web Vitals stały się oficjalnym czynnikiem rankingowym w algorytmie wyszukiwania Google, co oznacza, że odpowiednia optymalizacja wskaźników Core Web Vitals ma przełożenie na pozycję strony internetowej w wynikach wyszukiwania. Wprowadzenie Core Web Vitals było częścią większej inicjatywy Google o nazwie „Page Experience”, której celem jest promowanie stron oferujących wysokiej jakości doświadczenia użytkowników.

Wpływ Core Web Vitals
na doświadczenia użytkowników

Core Web Vitals mają bardzo duży wpływ na doświadczenia użytkowników. Nikt nie lubi powolnych stron, które długo się wczytują. W przypadku zbyt wolnych witryn użytkownicy często opuszczają je po krótkim czasie, co prowadzi do wzrostu wskaźnika odrzuceń. To z kolei może pośrednio wpływać na pozycję strony, ponieważ Google interpretuje to jako sygnał, że strona nie dostarcza odpowiednich odpowiedzi na zapytania użytkowników. W efekcie strona może być uznana za mniej wartościowe źródło informacji i przestaje pojawiać się wysoko w wynikach wyszukiwania.

Użytkownicy korzystający z szybkich stron internetowych, gdzie wszystkie interakcje przebiegają bezproblemowo, są znacznie bardziej skłonni do dokonywania konwersji. Płynność działania witryny buduje poczucie komfortu oraz pozytywne doświadczenia, co sprzyja podejmowaniu decyzji zakupowych czy realizacji innych pożądanych działań.

Często zdarzają się sytuacje, gdy użytkownik musi znaleźć coś w Internecie, mimo słabego połączenia. W takich momentach odpowiednia optymalizacja strony pod kątem Core Web Vitals może zadecydować o tym, że dana witryna załaduje się szybko i sprawnie, zapewniając pełną funkcjonalność nawet przy ograniczonych zasobach internetu. Dzięki temu użytkownik, będąc w podróży, w biegu czy w drodze do pracy, będzie mógł bez problemu znaleźć informacje, których potrzebuje, wybierając tę stronę zamiast konkurencyjnej.

Jakie są odpowiednie wartości
każdego wskaźnika Core Web Vitals?

Jak często monitorować
wskaźniki Core Web Vitals?

Standardowo zaleca się monitorowanie raportów dotyczących wskaźników Core Web Vitals 2 do 4 razy w miesiącu. Taka częstotliwość pozwala na bieżąco śledzić zmiany w wydajności strony i szybko reagować na negatywne zmiany w jej funkcjonowaniu.

W sytuacjach, gdy na stronie wprowadzane są zmiany w jej funkcjonalności lub warstwie wizualnej, należy sprawdzać wyniki Core Web Vitals po każdej pojedynczej aktualizacji. Jest to bardzo ważne, ponieważ taka metoda pozwala na dokładne monitorowanie wpływu każdej pojedynczej zmiany na wydajność strony i szybkie zidentyfikowanie ewentualnych problemów.

Po zakończeniu wdrażania wszystkich planowanych zmian, przez pierwszy miesiąc warto sprawdzać raporty co najmniej raz w tygodniu. Takie podejście umożliwia ścisłą kontrolę nad stabilnością i wydajnością strony w okresie, gdy jest ona najbardziej narażona na ewentualne problemy techniczne wynikające z ostatnich modyfikacji.Po zakończeniu wdrażania wszystkich planowanych zmian, przez pierwszy miesiąc warto sprawdzać raporty co najmniej raz w tygodniu. Takie podejście umożliwia ścisłą kontrolę nad stabilnością i wydajnością strony w okresie, gdy jest ona najbardziej narażona na ewentualne problemy techniczne wynikające z ostatnich modyfikacji.

Jak korzystać z PageSpeed Insights?

W widoczne pole należy wkleić adres URL strony, którą chcemy analizować. Zaleca się wklejenie adresu domeny głównej, bez katalogów. Po wklejeniu adresu należy wcisnąć przycisk “Analizuj”.

W pierwszej kolejności widoczny jest raport dotyczący oceny podstawowych wskaźników internetowych stworzony na podstawie rzeczywistych danych doświadczeń użytkowników. Wynik raportu jest obliczony z wykorzystaniem danych Core Web Vitals z 28 dni. Raport jest dostępny zarówno dla danych z urządzeń mobilnych jak i desktop.

Następny raportem jest rozpoznawanie problemów z wydajnością. Jest to szczegółowa analiza danych laboratoryjnych, która identyfikuje konkretne problemy wpływające na wydajność strony internetowej. Raport ten dostarcza listy rekomendacji i wskazuje obszary, które wymagają optymalizacji, aby poprawić wskaźniki Core Web Vitals oraz ogólną szybkość i użyteczność strony.

Raport „Rozpoznawaj problemy z wydajnością” analizuje różne aspekty techniczne strony, które mogą wpływać na czas ładowania, responsywność oraz stabilność wizualną strony. Jest to szczegółowa diagnostyka, która podkreśla konkretne obszary wymagające uwagi, takie jak optymalizacja zasobów, poprawa efektywności kodu czy też optymalizacja grafik.

Następną sekcją jest audyt dotyczący szczegółowej diagnostyki strony oraz możliwości poprawy jej wyników. Jest to raport dostarczający szczegółowe informacje na temat różnych aspektów technicznych strony internetowej, mogących wpływać na jej wydajność, ale które nie są bezpośrednio związane z metrykami Core Web Vitals. Ten raport jest szczególnie przydatny dla deweloperów, którzy chcą zidentyfikować i rozwiązać problemy techniczne mogące obniżać wydajności strony.

Wytyczne są podzielone na kolory: czerwony wskazujący krytyczne problemy, które mogą poważnie wpływać na wydajność strony, żółty oznaczający problemy o umiarkowanym wpływie na wydajność oraz biały oznaczający, że wytyczne zostały spełnione.

Jak korzystać z Google Search Console
do monitorowania Core Web Vitals?

W panelu bocznym po lewej stronie należy wybrać sekcję “Podstawowe wskaźniki internetowe”. Dostępny był także raport “jakość strony”, podsumowujący dane z podstawowych wskaźników internetowych oraz raportów HTTPS. W listopadzie 2024 roku Google ogłosiło, że raport “jakość strony” zostanie usunięty w celu zmniejszenia bałaganu oraz ułatwienia nawigacji po narzędziu (źródło: https://searchengineland.com/google-search-console-removing-the-page-experience-report-448397). Google nadal zachęca do zapewnienia wysokiej jakości doświadczeń użytkowników korzystających ze stron internetowych i monitorowania stanu wskaźników CWV w raportach “Podstawowe wskaźniki internetowe” oraz “HTTPS”, które pozostaną w niezmienionej formie.

Następnie powinien otworzyć się raport podzielony na kategorie: urządzenia mobilne oraz wersja na komputery. W obu raportach powinny być widoczne wykresy ilustrujące ilość adresów słabej jakości, wymagających poprawy oraz dobrej jakości.

Po kliknięciu “otwórz raport” widoczna jest sekcja pokazująca zmianę ilości dobrych, wymagających poprawy oraz słabych adresów URL w czasie rzeczywistym. Po najechaniu myszką na jeden ze słupków można sprawdzić dokładną ilość adresów URL, które są dobrze, bądź źle zoptymalizowanych w danym dniu.

Po kliknięciu przycisku “Wyświetl dane na temat poprawnych adresów URL” powinna pojawić się sekcja, w której można sprawdzić zmianę ilości dobrze zoptymalizowanych adresów URL w czasie rzeczywistym. Poniżej wykresu dostępna jest szczegółowa lista wszystkich adresów.

Wracając do raportu urządzenia mobilne bądź wersja na komputery, poniżej poprzednio opisanego wykresu dostępna jest sekcja opisująca powody, przez które adresy zostały zaklasyfikowane jako niepoprawne. Wyszczególniono wagę problemu, problem, będący stanem danego wskaźnika (CLS, INP, LCP), weryfikację zmiany przez roboty Google, trend zmian ilości problematycznych adresów oraz ich ilość.

Po kliknięciu w dany wiersz powinien być widoczny szczegółowy raport dla danego problemu. Poniżej można sprawdzić ilość adresów, których problem dotyczy oraz zmianę ich ilości na przestrzeni kilku miesięcy. Trzecia sekcja wyszczególnia konkretne grupy adresów, informując o wypełnieniu grupy, czyli liczby adresów w danej grupie oraz wartości wskaźnika dla tej grupy.

Po kliknięciu w daną grupę adresów po prawej stronie powinien wyświetlić się panel informujący o wartości wskaźnika dla tej grupy oraz wadze problemów. Poniżej widoczna jest lista przykładowych adresów w danej grupie, które są problematyczne.

Jak korzystać z Lighthouse?

Aby skorzystać z Lighthouse należy wejść na stronę, która będzie analizowana, a następnie kliknąć klawisz F12 lub użyć prawego przycisku myszy oraz wybrać “Zbadaj”. Następnie w górnym pasku należy wybrać opcję “Lighthouse”.

Po wejściu w aplikację widoczny jest panel, w którym można wybrać różne opcje. Pierwszym wyborem jest tryb. Dostępne są 3 opcje:

• Nawigacja – program analizuje pojedynczą stronę;
• Okres – program analizuje stronę w danym okresie;
• Migawka – program analizuje stronę w określonym stanie.

Ponadto dostępny jest wybór urządzeń, pod które program przeanalizuje stronę. Dostępny jest także wybór kategorii raportu. Chcąc przeprowadzić analizę strony z wykorzystaniem narzędzia Lighthouse najlepiej wykorzystać tryb incognito. Przechowywane dane lub rozszerzenia do przeglądarki mogą zaburzać wyniki analizy. Po ustawieniu wszystkich kategorii należy kliknąć “Analizuj wczytanie strony”. Wygenerowany raport jest takim samym raportem jak w przypadku PageSpeed Insights.