Data publikacji: 4 maja 2020 r., ostatnia aktualizacja: 31 października 2024 r.
Optymalizacja prowadząca do poprawy wrażeń użytkownika jest kluczem do długofalowego powodzenia witryny. Niezależnie od tego, czy jesteś właścicielem firmy, marketerem czy deweloperem, wskaźniki internetowe pomogą Ci ocenić wygodę korzystania z Twojej witryny i ustalić, co jeszcze możesz w niej poprawić.
Przegląd
Web Vitals to inicjatywa Google służąca zapewnieniu ujednoliconych wskazówek dotyczących mierników jakości, które gwarantują doskonałe wrażenia użytkownika w sieci.
Na przestrzeni lat udostępniliśmy wiele narzędzi do pomiaru skuteczności i tworzenia raportów na jej temat. Niektórzy deweloperzy doskonale je znają, a inni mają trudności z nadążaniem za dużą liczbą narzędzi i rodzajów danych.
Właściciele witryn nie muszą być ekspertami w zakresie wydajności, aby zrozumieć, jakiej jakości wrażenia zapewniają użytkownikom. Inicjatywa Web Vitals ma na celu uproszczenie tego zagadnienia i pomoc witrynom w skupieniu się na najważniejszych wskaźnikach, czyli Core Web Vitals.
Core Web Vitals
Core Web Vitals to podzbiór Web Vitals, które mają zastosowanie do wszystkich stron internetowych. Powinny być mierzone przez wszystkich właścicieli witryn i będą widoczne we wszystkich narzędziach Google. Każdy ze wskaźników Core Web Vitals reprezentuje odrębny aspekt wrażeń użytkownika, jest możliwy do zmierzenia lokalnie i odzwierciedla rzeczywiste wrażenia użytkownika w kontekście kluczowego wyniku zorientowanego na użytkownika.
Elementy składowe Core Web Vitals będą z czasem ewoluować. Obecny zestaw skupia się na 3 aspektach wrażeń użytkownika – ładowaniu, interaktywności i stabilności wizualnej – i obejmuje następujące dane (oraz ich odpowiednie progi):
- Największe wyrenderowanie treści (LCP): mierzy wydajność wczytywania. Aby zapewniać użytkownikom dobre wrażenia, LCP powinno następować w ciągu 2,5 sekundy od rozpoczęcia ładowania strony.
- Interakcja do kolejnego wyrenderowania (INP): mierzy interaktywność. Aby zapewniać użytkownikom dobre wrażenia, wartość INP stron powinna wynosić 200 milisekund lub mniej.
- Skumulowane przesunięcie układu (CLS): mierzy stabilność wizualną. Aby zapewniać użytkownikom dobre wrażenia, wartość CLS stron powinna utrzymywać się na poziomie 0,1 lub niższym.
Aby mieć pewność, że osiągasz zalecany cel w zakresie tych wskaźników dla większości użytkowników, dobrym progiem do zmierzenia jest 75 percentyl wczytywania stron, podzielony na urządzenia mobilne i komputery.
Narzędzia oceniające zgodność z Core Web Vitals powinny uznać stronę za spełniającą wymagania, jeśli osiąga ona zalecane wartości docelowe na 75. percentylu dla wszystkich 3 wskaźników Core Web Vitals.
Lifecycle
Dane dotyczące Core Web Vitals przechodzą cykl życia składający się z 3 faz: eksperymentalnej, oczekującej i stabilnej.
Każda faza ma na celu wskazanie deweloperom, jak powinni traktować poszczególne dane:
- Eksperymentalne wskaźniki to potencjalne Core Web Vitals, które mogą jeszcze ulec znacznym zmianom w zależności od wyników testów i opinii społeczności.
- Oczekujące dane to przyszłe Core Web Vitals, które przeszły etap testowania i zbierania opinii oraz mają dobrze zdefiniowany harmonogram, aby stać się stabilnymi.
- Stabilne wskaźniki to obecny zestaw podstawowych wskaźników internetowych, które Chrome uważa za niezbędne do zapewnienia doskonałych wrażeń użytkownika.
Podstawowe wskaźniki internetowe znajdują się na tych etapach cyklu życia:
Eksperymentalna
Gdy dane są po raz pierwszy opracowywane i wprowadzane do ekosystemu, są uznawane za dane eksperymentalne.
Celem fazy eksperymentalnej jest ocena przydatności danych, najpierw przez zbadanie problemu, który ma zostać rozwiązany, a następnie przez ewentualne wprowadzenie zmian w dotychczasowych danych, które nie rozwiązały problemu. Na przykład interakcja do kolejnego wyrenderowania (INP) została początkowo opracowana jako dane eksperymentalne, aby dokładniej niż opóźnienie przy pierwszym działaniu (FID) rozwiązywać problemy z wydajnością w czasie działania w internecie.
Faza eksperymentalna w cyklu życia Core Web Vitals ma też na celu zapewnienie elastyczności w rozwoju wskaźnika przez identyfikowanie błędów, a nawet wprowadzanie zmian w jego początkowej definicji. To także etap, na którym opinie społeczności są najważniejsze.
Oczekuje
Gdy zespół Chrome uzna, że eksperymentalne dane uzyskały wystarczającą liczbę opinii i wykazały swoją skuteczność, stają się oczekiwanymi danymi. Na przykład w 2023 roku wskaźnik INP został przeniesiony ze stanu eksperymentalnego do stanu oczekującego, aby ostatecznie wycofać wskaźnik FID.
W tej fazie wskaźniki oczekujące są przechowywane przez co najmniej 6 miesięcy, aby ekosystem miał czas na dostosowanie się. Opinie społeczności pozostają ważnym aspektem tej fazy, ponieważ coraz więcej deweloperów zaczyna korzystać z tego wskaźnika.
Stabilny
Gdy kandydat na podstawowy wskaźnik internetowy zostanie sfinalizowany, staje się stabilnym wskaźnikiem. Wtedy wskaźnik może stać się podstawowym wskaźnikiem internetowym.
Stabilne wskaźniki są aktywnie obsługiwane i mogą podlegać poprawkom błędów oraz zmianom definicji. Stabilne wskaźniki Core Web Vitals nie będą się zmieniać częściej niż raz w roku. Wszelkie zmiany w Core Web Vitals będą wyraźnie komunikowane w oficjalnej dokumentacji danego wskaźnika, a także w jego dzienniku zmian. W ocenach uwzględniane są też Core Web Vitals.
Narzędzia do pomiaru Core Web Vitals i tworzenia raportów na ich temat
Uważamy, że podstawowe wskaźniki internetowe mają kluczowe znaczenie dla wszystkich wrażeń użytkowników w internecie. Dlatego dokładamy wszelkich starań, aby udostępniać te dane we wszystkich naszych popularnych narzędziach. W kolejnych sekcjach znajdziesz informacje o tym, które narzędzia obsługują podstawowe wskaźniki internetowe.
Narzędzia do pomiaru Core Web Vitals w terenie
Raport na temat użytkowania Chrome zbiera anonimowe dane pomiarowe od rzeczywistych użytkowników dotyczące każdego z podstawowych wskaźników internetowych. Te dane umożliwiają właścicielom witryn szybką ocenę wydajności bez konieczności ręcznego konfigurowania analityki na stronach. Są one też wykorzystywane przez narzędzia takie jak Narzędzia deweloperskie w Chrome, PageSpeed Insights i raport Podstawowe wskaźniki internetowe w Search Console.
| LCP | INP | CLS | |
| Raport na temat użytkowania Chrome | |||
| Narzędzia deweloperskie w Chrome | |||
| PageSpeed Insights | |||
| Search Console (raport Core Web Vitals) |
Dane z Raportu na temat użytkowania Chrome umożliwiają szybką ocenę wydajności witryn, ale nie zawierają szczegółowych danych telemetrycznych dotyczących poszczególnych wyświetleń strony, które są często niezbędne do dokładnego diagnozowania, monitorowania i szybkiego reagowania na regresje. Dlatego zdecydowanie zalecamy, aby witryny skonfigurowały własne monitorowanie rzeczywistych użytkowników.
Pomiar Core Web Vitals w JavaScript
Każdy z Core Web Vitals można mierzyć w JavaScript przy użyciu standardowych interfejsów API sieci.
Najłatwiejszym sposobem pomiaru wszystkich Core Web Vitals jest użycie biblioteki JavaScript web-vitals. Jest to mała, przygotowana do zastosowań produkcyjnych otoka wokół podstawowych interfejsów API sieci, która mierzy każdy wskaźnik w sposób dokładnie odpowiadający temu, jak jest on raportowany przez wszystkie wymienione wcześniej narzędzia Google.
Za pomocą biblioteki web-vitals pomiar każdego wskaźnika można przeprowadzić, wywołując jedną funkcję. Pełne informacje o użyciu i interfejsie API znajdziesz w dokumentacji.
import {onCLS, onINP, onLCP} from 'web-vitals';
function sendToAnalytics(metric) {
const body = JSON.stringify(metric);
// Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
(navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
fetch('/analytics', {body, method: 'POST', keepalive: true});
}
onCLS(sendToAnalytics);
onINP(sendToAnalytics);
onLCP(sendToAnalytics);
Po skonfigurowaniu witryny do korzystania z biblioteki web-vitals w celu pomiaru i wysyłania danych o Core Web Vitals do punktu końcowego Analytics kolejnym krokiem jest agregowanie tych danych i generowanie na ich podstawie raportów, aby sprawdzić, czy co najmniej 75% wizyt na stronach spełnia zalecane wartości progowe.
Niektórzy dostawcy usług analitycznych mają wbudowaną obsługę danych dotyczących Core Web Vitals, ale nawet ci, którzy jej nie mają, powinni udostępniać podstawowe funkcje danych niestandardowych, które pozwalają mierzyć Core Web Vitals w ich narzędziu.
Deweloperzy, którzy wolą mierzyć te dane bezpośrednio za pomocą podstawowych interfejsów API sieci, mogą zamiast tego skorzystać z tych przewodników po danych, aby poznać szczegóły implementacji:
Dodatkowe wskazówki dotyczące pomiaru tych wskaźników za pomocą popularnych usług analitycznych lub własnych narzędzi analitycznych znajdziesz w artykule Sprawdzone metody pomiaru Web Vitals w terenie.
Narzędzia laboratoryjne do pomiaru Core Web Vitals
Wszystkie Core Web Vitals są przede wszystkim danymi lokalnymi, ale wiele z nich można też mierzyć w laboratorium.
Pomiary laboratoryjne to najlepszy sposób na testowanie wydajności funkcji podczas ich tworzenia, zanim zostaną udostępnione użytkownikom. Jest to też najlepszy sposób na wykrywanie spadków wydajności, zanim do nich dojdzie.
Do pomiaru Core Web Vitals w środowisku laboratoryjnym można używać tych narzędzi:
| LCP | INP | CLS | |
|---|---|---|---|
| Narzędzia deweloperskie w Chrome | |||
| Lighthouse | (zamiast tego użyj TBT) |
Pomiary laboratoryjne są ważnym elementem zapewniania doskonałych wrażeń, ale nie zastępują pomiarów w terenie.
Wydajność witryny może się znacznie różnić w zależności od możliwości urządzenia użytkownika, warunków sieciowych, innych procesów działających na urządzeniu i sposobu interakcji użytkownika ze stroną. Na wynik każdego z Core Web Vitals może mieć wpływ interakcja użytkownika. Pełny obraz sytuacji dają wyłącznie pomiary w rzeczywistych warunkach.
Rekomendacje dotyczące poprawy wyników
W tych przewodnikach znajdziesz konkretne zalecenia dotyczące optymalizacji stron pod kątem poszczególnych Core Web Vitals:
Istnieje wiele sposobów na poprawę podstawowych wskaźników internetowych, a każde podejście ma różny poziom wpływu, trafności i łatwości użycia w różnych sytuacjach. Krótką listę najważniejszych zaleceń zespołu Chrome znajdziesz w artykule Najskuteczniejsze sposoby poprawy wskaźników Core Web Vitals.
Inne Web Vitals
Podstawowe wskaźniki internetowe to kluczowe dane, które pozwalają zrozumieć i zapewnić użytkownikom doskonałe wrażenia, ale istnieją też inne pomocnicze wskaźniki.
Te inne dane mogą służyć jako dane zastępcze lub uzupełniające dla 3 podstawowych wskaźników internetowych, aby pomóc w uchwyceniu większej części wrażeń użytkowników lub w diagnozowaniu konkretnego problemu.
Na przykład wskaźniki czas do pierwszego bajta (TTFB) i pierwsze wyrenderowanie treści (FCP) są istotnymi aspektami wczytywania i pomagają w diagnozowaniu problemów z LCP (odpowiednio powolne czasy odpowiedzi serwera lub zasoby blokujące renderowanie).
Podobnie wskaźnik łączny czas blokowania (TBT), który jest wskaźnikiem laboratoryjnym, ma kluczowe znaczenie w wykrywaniu i diagnozowaniu potencjalnych problemów z interaktywnością, które mogą wpływać na INP. Nie są one jednak częścią zestawu Core Web Vitals, ponieważ nie można ich zmierzyć w terenie ani nie odzwierciedlają one wyniku zorientowanego na użytkownika.
Zmiany w Web Vitals
Web Vitals i Core Web Vitals to najlepsze dostępne obecnie sygnały, które pozwalają deweloperom mierzyć jakość wrażeń użytkowników w internecie. Nie są one jednak doskonałe i w przyszłości należy spodziewać się ich ulepszeń lub uzupełnień.
Core Web Vitals mają znaczenie w przypadku wszystkich stron internetowych i są dostępne w odpowiednich narzędziach Google. Zmiany tych wskaźników będą miały szeroki wpływ, dlatego deweloperzy powinni oczekiwać, że definicje i progi Core Web Vitals będą stabilne, a aktualizacje będą zapowiadane z wcześniejszym powiadomieniem i wprowadzane w przewidywalnym, rocznym cyklu.
Pozostałe wskaźniki internetowe są często zależne od kontekstu lub narzędzia i mogą mieć bardziej eksperymentalny charakter niż Core Web Vitals. W związku z tym ich definicje i progi mogą się częściej zmieniać.
Wszystkie zmiany dotyczące podstawowych wskaźników internetowych będą wyraźnie udokumentowane w tym publicznym CHANGELOG.