Web Vitals

Opublikowano: 4 maja 2020 r.

Optymalizacja wygody użytkowników to klucz do długotrwałego sukcesu każdej strony internetowej. 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ć.

Wskaźniki internetowe to inicjatywa Google służąca zapewnieniu ujednoliconych wskazówek dotyczących sygnałów związanych z jakością, które gwarantują doskonałe wrażenia użytkownika w internecie.

W ciągu ostatnich lat Google udostępniło wiele narzędzi do pomiaru skuteczności i tworzenia raportów o niej. Niektórzy deweloperzy są ekspertami w korzystaniu z tych narzędzi, podczas gdy inni mają problemy z utrzymaniem się na bieżąco z obfitością narzędzi i wskaźników.

Właściciele witryn nie muszą być ekspertami w zakresie wydajności, aby zrozumieć, jaką jakość wrażeń zapewniają użytkownikom. Inicjatywa dotycząca podstawowych wskaźników internetowych ma na celu uproszczenie tego obszaru i pomaganie witrynom w skupieniu się na najważniejszych danych, czyli na podstawowych wskaźnikach internetowych.

Core Web Vitals

Podstawowe wskaźniki internetowe to podzbiór wskaźników internetowych, które mają zastosowanie do wszystkich stron internetowych, powinny być mierzone przez wszystkich właścicieli witryn oraz widoczne we wszystkich narzędziach Google. Każdy z podstawowych wskaźników internetowych reprezentuje odrębny aspekt wrażeń użytkownika, można go zmierzyć w terenie i odzwierciedlić rzeczywiste wrażenia związane z kluczowym wynikiem ukierunkowania na użytkownika.

Dane, które składają się na podstawowe wskaźniki internetowe, będą ewoluować z czasem. Obecny zestaw skupia się na 3 aspektach wrażeń użytkownika: wczytywaniu, interaktywnościstabilności wizualnej. Obejmuje te dane (i odpowiednie wartości progowe):

Zalecane wartości progowe największego wyrenderowania treści Interakcja do kolejnego wyrenderowania – rekomendacje dotyczące progów Zalecenia dotyczące progu skumulowanego przesunięcia układu

Aby w przypadku większości użytkowników osiągnąć zalecane wartości docelowe w przypadku tych danych, warto zmierzyć 75 centyl wczytań strony z podziałem na urządzenia mobilne i komputery.

Narzędzia oceniające zgodność z podstawowymi wskaźnikami internetowymi powinny uwzględniać stronę, jeśli spełnia ona zalecane wartości docelowe w 75 centylu dla wszystkich 3 podstawowych wskaźników internetowych.

Lifecycle

Dane na ścieżce podstawowych wskaźników internetowych przechodzą cykl życia, który składa się z 3 faz: eksperymentalnych, oczekujących i stabilnych.

3 fazy cyklu życia danych podstawowych wskaźników internetowych, przedstawione jako 3 trójkąty Od lewej do prawej: fazy eksperymentalna, oczekująca i stabilna.
Etapy cyklu życia podstawowych wskaźników internetowych.

Każdy etap ma na celu sygnalizowanie deweloperom, jak powinni traktować poszczególne dane:

  • Dane eksperymentalne to potencjalne Podstawowe wskaźniki internetowe, które mogą jeszcze ulec znaczącym zmianom w zależności od testów i opinii społeczności.
  • Dane oczekujące na weryfikację to przyszłe podstawowe wskaźniki internetowe, które przeszły etap testów i opinii oraz mają jasno zdefiniowany harmonogram stabilizacji.
  • Stabilne dane to obecny zestaw podstawowych wskaźników internetowych, które Chrome uznaje za niezbędne do zapewnienia użytkownikom komfortu.

Podstawowe wskaźniki internetowe znajdują się na następujących etapach cyklu życia:

Eksperymentalna

Gdy dane są po raz pierwszy opracowane i wchodzą do ekosystemu, są uznawane za dane eksperymentalne.

Celem fazy eksperymentalnej jest ocena przydatności danych. Najpierw bada się problem, który należy rozwiązać, a potem ewentualnie powtórz na podstawie poprzednich danych. Na przykład interakcja do kolejnego wyrenderowania (INP) została początkowo opracowana jako dane eksperymentalne, aby w bardziej kompleksowy sposób niż opóźnienie przy pierwszym działaniu (FID) rozwiązać problemy z wydajnością występujące w czasie działania w internecie.

Faza eksperymentalna cyklu życia podstawowych wskaźników internetowych ma też zapewnić elastyczność w rozwijaniu danych poprzez identyfikowanie błędów, a nawet wprowadzanie zmian w ich pierwotnej definicji. To też faza, w której opinie społeczności są najważniejsze.

Oczekuje

Gdy zespół Chrome stwierdzi, że eksperymentalne dane otrzymały wystarczającą opinię i potwierdzą swoją skuteczność, staną się one danymi oczekującymi. Na przykład w 2023 r. zmieniliśmy stan INP z eksperymentalnego na oczekujący, aby ostatecznie wycofać FID.

Dane oczekujące są przechowywane na tym etapie przez co najmniej 6 miesięcy, aby dać ekosystemowi czas na dostosowanie się. Opinie społeczności pozostają ważnym elementem tej fazy, ponieważ coraz więcej deweloperów zaczyna używać tych danych.

Stabilny

Gdy dane kandydata na podstawowy wskaźnik internetowy zostaną sfinalizowane, staną się danymi stabilnymi. W tym momencie 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 definicjom. Stabilne podstawowe wskaźniki internetowe nie będą się zmieniać częściej niż raz w roku. Wszelkie zmiany w wskaźniku Core Web Vitals będą wyraźnie opisane w oficjalnej dokumentacji tego wskaźnika oraz w zmianach wprowadzonych w nim. Podstawowe wskaźniki internetowe są też uwzględniane w testach.

Narzędzia do pomiaru podstawowych wskaźników internetowych i tworzenia raportów na ich temat

Uważamy, że podstawowe wskaźniki internetowe mają kluczowe znaczenie dla wygody użytkowników wszystkich stron internetowych. Dlatego firma zobowiązuje się do wyświetlania tych danych we wszystkich popularnych narzędziach. W sekcjach poniżej dowiesz się, które narzędzia obsługują podstawowe wskaźniki internetowe.

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

Raport na temat użytkowania Chrome zbiera anonimowe dane o każdym z podstawowych wskaźników internetowych dotyczące pomiarów rzeczywistych użytkowników. Te dane umożliwiają właścicielom witryn szybkie ocenianie wydajności bez konieczności ręcznego instrumentowania funkcji analitycznych na stronach. Dane te są też wykorzystywane przez narzędzia takie jak Chrome DevTools, PageSpeed Insightsraport 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 zawarte w Raporcie na temat użytkowania Chrome umożliwiają szybką ocenę wydajności stron, ale nie zawierają szczegółowych danych telemetrycznych dotyczących wyświetleń stron, które są często niezbędne do dokładnej diagnostyki, monitorowania i szybkiej reakcji na regresje. Dlatego zdecydowanie zalecamy, aby witryny same monitorowały zachowanie rzeczywistych użytkowników.

Mierzysz podstawowe wskaźniki internetowe w JavaScript

Każdy z podstawowych wskaźników internetowych można mierzyć w języku JavaScript przy użyciu standardowych internetowych interfejsów API.

Najprostszym sposobem pomiaru wszystkich podstawowych wskaźników internetowych jest użycie biblioteki JavaScript web-vitals, czyli niewielkiego, gotowego do wdrożenia oprogramowania opakowującego podstawowe interfejsy API, które mierzy każdy wskaźnik w sposób dokładnie odpowiadający temu, jak są one raportowane przez wszystkie wymienione wcześniej narzędzia Google.

Dzięki bibliotece web-vitals możesz mierzyć poszczególne dane, wywołując jedną funkcję. Pełne informacje o używaniu 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);

Gdy skonfigurujesz w swojej witrynie korzystanie z biblioteki web-vitals do pomiaru i przesyłania danych z podstawowych wskaźników internetowych do punktu końcowego analityki, następnym krokiem jest zebranie i raportowanie tych danych w celu sprawdzenia, czy Twoje strony spełniają zalecane progi w przypadku co najmniej 75% wizyt na stronie.

Niektórzy dostawcy usług analitycznych mają wbudowane funkcje dotyczące podstawowych wskaźników internetowych, ale nawet te, które ich nie mają, powinny zawierać podstawowe funkcje dotyczące niestandardowych danych, które umożliwiają pomiar podstawowych wskaźników internetowych.

Deweloperzy, którzy wolą mierzyć te dane bezpośrednio za pomocą podstawowych interfejsów API sieciowych, mogą zamiast tego skorzystać z tych przewodników dotyczących danych:

Dodatkowe wskazówki dotyczące pomiaru tych danych 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 dane terenowe, ale wiele z nich można też zmierzyć w laboratorium.

Pomiary laboratoryjne to najlepszy sposób na przetestowanie funkcji w trakcie ich tworzenia, zanim staną się one dostępne dla użytkowników. Jest to też najlepszy sposób na wykrycie spadków wydajności, zanim się pojawią.

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

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

Pomiary laboratoryjne są istotnym elementem zapewniania doskonałych wrażeń, ale nie zastępują pomiarów w warunkach rzeczywistych.

Wydajność witryny może się znacznie różnić w zależności od możliwości urządzenia użytkownika, warunków sieci, innych procesów działających na urządzeniu oraz sposobu interakcji z witryną. W rzeczywistości na każdy z podstawowych wskaźników internetowych wpływa to na wynik interakcji użytkownika. Pełny obraz sytuacji dadzą tylko pomiary w warunkach rzeczywistych.

Rekomendacje dotyczące poprawy wyników

W tych przewodnikach znajdziesz konkretne zalecenia dotyczące optymalizacji stron pod kątem poszczególnych podstawowych wskaźników internetowych:

Istnieje wiele sposobów na poprawę podstawowych wskaźników internetowych, a każdy z nich ma różny poziom wpływu, trafności i łatwości użycia w każdej sytuacji. Krótką listę najważniejszych zaleceń zespołu Chrome znajdziesz w artykule Najskuteczniejsze sposoby na poprawę podstawowych wskaźników internetowych.

Inne wskaźniki internetowe

Podstawowe wskaźniki internetowe to kluczowe dane, które pomagają zrozumieć, jak zapewnić użytkownikom wygodę korzystania ze strony, ale istnieją też inne dane pomocnicze.

Te inne dane mogą służyć jako dane zastępcze lub dodatkowe w przypadku 3 podstawowych wskaźników internetowych, aby pomóc w uzyskaniu pełnego obrazu wrażeń użytkowników lub zdiagnozowaniu konkretnego problemu.

Na przykład wskaźniki czas do pierwszego bajta (TTFB)pierwsze wyrenderowanie treści (FCP) to ważne aspekty wczytywania, które są przydatne do diagnozowania problemów z LCP (odpowiednio długi czas odpowiedzi serwera lub blokowanie zasobów przez renderowanie).

Podobnie wskaźnik Total Blocking Time (TBT) to dane laboratoryjne, które są niezbędne do wykrywania i diagnozowania potencjalnych problemów z interaktywnością, które mogą wpływać na INP. Nie jest on jednak częścią zestawu podstawowych wskaźników internetowych, ponieważ nie można go mierzyć w polu ani nie odzwierciedla on wyników zorientowanych na użytkownika.

Zmiany w podstawowych wskaźnikach internetowych

Wskaźniki internetowe i podstawowe wskaźniki internetowe to najlepsze dostępne obecnie sygnały używane obecnie przez deweloperów do pomiaru jakości strony internetowej. Nie są one jednak doskonałe i należy się spodziewać ulepszeń i dodatków w przyszłości.

Podstawowe wskaźniki internetowe dotyczą wszystkich stron internetowych i są dostępne w odpowiednich narzędziach Google. Zmiany tych danych będą miały szeroki wpływ. Dlatego deweloperzy powinni spodziewać się, że definicje i progi podstawowych wskaźników internetowych będą stabilne, a aktualizacje będą się odbywać w określonym, przewidywalnym tempie.

Pozostałe wskaźniki internetowe są często związane z kontekstem lub narzędziem i mogą być bardziej eksperymentalne niż podstawowe wskaźniki internetowe. W związku z tym ich definicje i wartości progowe mogą się zmieniać częściej.

W przypadku wszystkich wskaźników internetowych zmiany będą jasno udokumentowane w tym publicznym CHANGELOG.