Web Vitals

Wskaźniki internetowe to inicjatywa Google mająca na celu dostarczanie ujednoliconych wskazówek dotyczących sygnałów dotyczących jakości stron internetowych, które są niezbędne do zapewnienia użytkownikom dobrych wrażeń podczas korzystania z internetu. Ma ona uprościć szeroką gamę dostępnych narzędzi do pomiaru wydajności i pomóc właścicielom witryn skupić się na najważniejszych danych – podstawowych wskaźnikach internetowych.

Podstawowe wskaźniki internetowe

Podstawowe wskaźniki internetowe to podzbiór wskaźników internetowych, który dotyczy wszystkich stron. Powinny być mierzone przez wszystkich właścicieli witryn i są widoczne we wszystkich narzędziach Google. Każdy z podstawowych wskaźników internetowych reprezentuje inny aspekt wrażeń użytkownika, jest mierzalny w terenie i odzwierciedla rzeczywiste doświadczenia zorientowane na użytkownika.

Dane składające się na podstawowe wskaźniki internetowe będą się z czasem zmieniać. Obecny zestaw obejmuje 3 aspekty wygody użytkownika: ładowanie, interaktywność i stabilność wizualną. Zawiera takie wskaźniki:

Rekomendacje dotyczące progu największego wyrenderowania treści Rekomendacje dotyczące progu interakcji do następnego wyrenderowania Rekomendacje dotyczące progu skumulowanego przesunięcia układu

W przypadku każdego z tych danych, aby mieć pewność, że osiągasz zalecane wartości docelowe w przypadku większości użytkowników, dobrym progiem pomiaru jest 75 centyl wczytań stron w podziale na urządzenia mobilne i komputery.

Narzędzia do oceny zgodności z podstawowymi wskaźnikami internetowymi powinny uznawać stronę za zgodną, jeśli spełnia zalecane cele w 75. percentylu każdego z tych 3 wskaźników.

Lifecycle

Dane na ścieżce podstawowych wskaźników internetowych są podzielone na 3 etapy: eksperymentalne, oczekujące i stabilne.

3 fazy cyklu życia podstawowych wskaźników internetowych przedstawione w postaci serii 3 szewronów. Etapy od lewej do prawej to Eksperymentalne, Oczekujące i Stabilne.
Etapy cyklu życia podstawowych wskaźników internetowych.

Każdy etap ma na celu poinformowanie deweloperów, co powinni zrobić w przypadku poszczególnych danych:

  • Dane eksperymentalne to potencjalne podstawowe wskaźniki internetowe, które w zależności od testów i opinii społeczności mogą nadal ulegać istotnym zmianom.
  • Oczekujące dane to przyszłe podstawowe wskaźniki internetowe, które przeszły etap testowania i opinii oraz mają jasno określony harmonogram stabilizacji.
  • Dane stabilne to obecny zestaw podstawowych wskaźników internetowych, które Chrome uznaje za istotne dla wygody użytkowników.

Podstawowe wskaźniki internetowe występują na tych etapach cyklu życia:

Eksperymentalny

Gdy rodzaj danych zostaje początkowo utworzony i dołączony do ekosystemu, jest uważany za eksperymentalny.

Celem fazy eksperymentalnej jest ocena przydatności danych, a następnie określenie problemu, który należy rozwiązać, a następnie powtórzenie tego, co poprzednie dane mogły nie zostać uwzględnione. Na przykład parametr INP został po raz pierwszy wprowadzony jako eksperymentalne dane w 2022 r., aby w bardziej kompleksowy sposób rozwiązywać problemy związane z działaniem środowiska wykonawczego w internecie niż w przypadku opóźnienia po pierwszej interakcji (FID).

Eksperymentalna faza cyklu życia podstawowych wskaźników internetowych ma też na celu zapewnienie elastyczności w tworzeniu danych przez wykrywanie błędów, a nawet przeanalizowanie zmian w ich początkowej definicji. Na tym etapie najważniejsza jest opinia społeczności.

Oczekuje

Gdy zespół Chrome stwierdzi, że wskaźnik eksperymentalny otrzymał wystarczającą ilość opinii i udowodnił swoją skuteczność, staje się on wartością oczekującą. Na przykład w 2023 r. status INP zmienił się z eksperymentu na oczekujący, aby później go wycofać.

Oczekujące dane są na tym etapie przechowywane przez co najmniej 6 miesięcy, aby dać ekosystemowi czas na dostosowanie się. Opinie społeczności pozostają ważnym aspektem tego etapu, ponieważ coraz więcej deweloperów zaczyna korzystać z tych danych.

Stabilny

Po sfinalizowaniu danych kandydujących w podstawowych wskaźnikach internetowych stają się one stabilnymi. Wtedy wskaźnik może stać się podstawowym wskaźnikiem internetowym.

Wskaźniki stabilne są aktywnie obsługiwane i mogą być objęte poprawkami błędów oraz zmianami w definicjach. Stabilne podstawowe wskaźniki internetowe zmieniają się tylko raz w roku. O każdej zmianie kluczowego wskaźnika internetowego wyraźnie informujemy w oficjalnej dokumentacji oraz w historii zmian wskaźnika. Podstawowe narzędzia internetowe są też uwzględniane we wszystkich ocenach.

Stabilne dane nie muszą być stałe. Stabilny wskaźnik można wycofać i zastąpić innym wskaźnikiem, który skuteczniej rozwiązuje problem. Właśnie tak stało się w przypadku FID, ponieważ w 2024 r. INP stał się stabilnym podstawowym wskaźnikiem wykorzystania sieci.

Pomiar i raportowanie podstawowych wskaźników internetowych

Uważamy, że podstawowe wskaźniki internetowe są kluczowe dla wszystkich stron internetowych. Dlatego zamierzamy udostępniać te dane we wszystkich popularnych narzędziach. W sekcjach poniżej znajdziesz informacje o tym, które narzędzia obsługują podstawowe wskaźniki internetowe.

Narzędzia do pomiaru podstawowych wskaźników internetowych

Raport na temat użytkowania Chrome zbiera anonimowe, rzeczywiste dane z pomiarów użytkowników w przypadku każdego podstawowego wskaźnika internetowego. Dane te pozwalają właścicielom witryn szybko ocenić ich wydajność bez konieczności ręcznego konfigurowania statystyk stron. Wykorzystują również takie narzędzia jak PageSpeed Insights i raport dotyczący podstawowych wskaźników internetowych w Search Console.

Dane dostarczane przez Raport na temat użytkowania Chrome umożliwiają szybką ocenę wydajności witryny, ale nie podają szczegółowych danych telemetrycznych dotyczących poszczególnych odsłon, które są często niezbędne do dokładnego diagnozowania i monitorowania regresji oraz szybkiego reagowania na nie. Dlatego zdecydowanie zalecamy, aby witryny skonfigurowały własne mechanizmy monitorowania użytkowników.

Pomiar podstawowych wskaźników internetowych w JavaScript

Każdy z podstawowych wskaźników internetowych można zmierzyć w JavaScript za pomocą standardowych internetowych interfejsów API.

Najprostszym sposobem pomiaru wszystkich podstawowych wskaźników internetowych jest użycie biblioteki JavaScript web-vitals – niewielkiego opakowania interfejsu API przeznaczonego do wykorzystania w środowisku produkcyjnym. Mierzy ono wszystkie dane w sposób dokładnie taki jak raportowany przez narzędzia Google.

W bibliotece web-vitals pomiar każdego wskaźnika jest taki sam jak wywołanie jednej funkcji (szczegółowe informacje na temat użytkowania i 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);

Gdy skonfigurujesz witrynę pod kątem korzystania z biblioteki witryn internetowych, aby mierzyć i wysyłać dane podstawowych wskaźników internetowych do punktu końcowego analityki, kolejnym krokiem jest ich zebranie i wygenerowanie raportu na ich podstawie. W ten sposób sprawdzisz, czy Twoje strony spełniają zalecane progi w przypadku co najmniej 75% wizyt na stronie.

Niektórzy dostawcy narzędzi analitycznych mają wbudowaną obsługę podstawowych wskaźników internetowych, ale nawet te, które nie powinny uwzględniać tych funkcji, umożliwia pomiar ich za pomocą narzędzia.

Jednym z przykładów jest raport dotyczący wskaźników internetowych, który umożliwia właścicielom witryn pomiar podstawowych wskaźników internetowych za pomocą Google Analytics. Wskazówki dotyczące pomiaru podstawowych wskaźników internetowych za pomocą innych narzędzi analitycznych znajdziesz w artykule Sprawdzone metody pomiaru tych wskaźników.

Możesz też generować raporty o każdym z podstawowych wskaźników internetowych bez pisania kodu, używając rozszerzenia do Chrome o wskaźnikach internetowych. To rozszerzenie korzysta z biblioteki web-vitals, aby mierzyć wszystkie te dane i wyświetlać je użytkownikom, gdy przeglądają internet.

To rozszerzenie pomoże Ci poznać skuteczność własnych witryn i stron konkurencji, a także całej sieci.

  LCP INP CLS
web-vitals
Rozszerzenie Web Vitals

Deweloperzy, którzy wolą mierzyć te dane bezpośrednio za pomocą podstawowych internetowych interfejsów API, mogą skorzystać z tych przewodników dotyczących wskaźników, aby dowiedzieć się więcej o wdrażaniu:

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 wskaźników internetowych w terenie.

Narzędzia laboratoryjne do pomiaru podstawowych wskaźników internetowych

Wszystkie podstawowe wskaźniki internetowe to przede wszystkim wskaźniki w terenie, ale wiele z nich też można zmierzyć w laboratorium.

Pomiary laboratoryjne to najlepszy sposób na przetestowanie wydajności funkcji w trakcie tworzenia aplikacji. Jest to również najlepszy sposób na wychwycenie spadków skuteczności, zanim się pojawią.

Do pomiaru podstawowych wskaźników internetowych w środowisku laboratoryjnym można używać tych narzędzi:

  LCP INP CLS
Narzędzia deweloperskie w Chrome (zamiast tego użyj TBT)
Latarnia morska (zamiast tego użyj TBT)

Narzędzia takie jak Lighthouse, które ładują strony w symulowanym środowisku bez użytkownika, nie mogą mierzyć wartości INP, ponieważ nie mają dostępu do danych wejściowych użytkownika. Jednak wskaźnik całkowitego czasu blokowania (TBT) jest możliwy do zmierzenia w ramach laboratorium i jest akceptowalnym pośrednikiem dla problemów z INP, które mogą być spowodowane rywalizacją o wątek główny podczas uruchamiania. Optymalizacje wydajności, które poprawiają TBT w module, powinny poprawić INP w tym zakresie. Więcej wskazówek znajdziesz w artykule Rekomendacje dotyczące poprawy wyników.

Chociaż pomiary laboratoryjne to kluczowy element zapewniania wspaniałych wrażeń, nie zastępują one pomiarów terenowych. Wydajność witryny może się znacząco zmieniać w zależności od możliwości urządzenia użytkownika, warunków sieciowych, innych procesów uruchomionych na urządzeniu i sposobu interakcji użytkownika ze stroną. Na każdy z podstawowych wskaźników internetowych może mieć wpływ interakcja użytkownika. Tylko pomiar w terenie umożliwia dokładny obraz.

Rekomendacje dotyczące poprawy wyników

W tych przewodnikach znajdziesz konkretne zalecenia dotyczące optymalizacji stron pod kątem każdego z podstawowych wskaźników internetowych:

Inne wskaźniki internetowe

Podstawowe wskaźniki internetowe to kluczowe wskaźniki pozwalające zrozumieć i zapewnić użytkownikom wygodę, ale istnieją też inne, istotne dane.

Te inne wskaźniki internetowe często służą jako dane pomocnicze lub uzupełniające dla podstawowych wskaźników internetowych, aby ułatwić uchwycenie większej części wyników lub pomóc w diagnozowaniu konkretnego problemu.

Na przykład czas do pierwszego bajtu (TTFB) i pierwsze wyrenderowanie treści (FCP) to istotne aspekty wczytywania i oba przydają się przy diagnozowaniu problemów z LCP (powolnym czasem reakcji serwera lub zasobami blokującymi renderowanie).

Podobnie dane takie jak Całkowity czas blokowania (TBT) są kluczowym wskaźnikiem laboratoryjnym służącym do wykrywania i diagnozowania potencjalnych problemów z interaktywnością, które mogą mieć wpływ na wartość INP. Nie należy jednak do podstawowych wskaźników internetowych, ponieważ nie jest mierzona w polach i nie odzwierciedla wyników zorientowanych na użytkownika.

Zmiany wskaźników internetowych

Podstawowe wskaźniki internetowe i podstawowe wskaźniki internetowe to najlepsze dostępne sygnały dostępne dla deweloperów do pomiaru jakości stron internetowych. Sygnały te nie są jednak idealne i w przyszłości należy się spodziewać ulepszeń.

Podstawowe wskaźniki internetowe dotyczą wszystkich stron internetowych i są uwzględniane w odpowiednich narzędziach Google. Zmiany tych wskaźników mają szeroki zasięg, więc deweloperzy powinni spodziewać się, że definicje i progi podstawowych funkcji internetowych będą stabilne, podobnie jak wcześniejsze powiadomienia i przewidywalny harmonogram aktualizacji.

Inne wskaźniki internetowe są często związane z kontekstem lub narzędziem i mogą być bardziej eksperymentalne niż te podstawowe. Dlatego ich definicje i progi mogą zmieniać się z większą częstotliwością.

Zmiany dotyczące wszystkich wskaźników internetowych są zapisywane w tej publicznej historii zmian.