Optymalizacja pod kątem wygody użytkowników to klucz do długofalowego sukcesu każdej witryny w internecie. Niezależnie od tego, czy jesteś właścicielem firmy, marketerem czy deweloperem, WebVitals pomoże Ci ocenić wrażenia użytkowników Twojej strony i znaleźć możliwości jej ulepszenia.
Opis
Wskaźniki internetowe to inicjatywa Google, której celem jest dostarczanie ujednoliconych wskazówek dotyczących jakości sygnałów, które są niezbędne do zapewnienia użytkownikom doskonałych wrażeń podczas korzystania z internetu.
Firma Google od lat udostępniała wiele narzędzi do pomiaru skuteczności i tworzenia raportów. Niektórzy programiści wiedzą, jak używać tych narzędzi, a inni uznali, że ogromna ilość zarówno narzędzi, jak i danych sprawia, że nadążanie za nimi nie jest zbyt łatwe.
Właściciele witryn nie powinni być ekspertami w zakresie wydajności, aby rozumieć, jaka jest jakość zapewniana użytkownikom. Inicjatywa dotycząca wskaźników internetowych ma na celu uproszczenie środowiska i umożliwienie witrynom skupienia się na tych danych, które są dla nich najważniejsze – podstawowych wskaźnikach internetowych.
Podstawowe wskaźniki internetowe
Podstawowe wskaźniki internetowe to podzbiór wskaźników internetowych, który dotyczy wszystkich stron internetowych. Powinny być mierzone przez wszystkich właścicieli witryn, a wyniki pojawią się 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 wchodzące w skład podstawowych wskaźników internetowych będą z czasem zmieniać. Bieżący zestaw na 2020 r. skupia się na 3 aspektach wygody użytkowników – ładowaniu, interaktywności i stabilności wizualnej – i obejmuje następujące dane (i ich wartości progowe):
- Największe wyrenderowanie treści (LCP): mierzy wydajność wczytywania. Dla wygody użytkowników LCP powinien wystąpić w ciągu 2, 5 sekundy od pierwszego rozpoczęcia ładowania strony.
- Opóźnienie przy pierwszym działaniu (FID): mierzy interaktywność. Aby zadbać o wygodę użytkowników, strony powinny mieć FID o wartości maksymalnie 100 milisekund.
- Skumulowane przesunięcie układu (CLS): mierzy stabilność wizualną. Aby zapewnić użytkownikom wygodę, CLS stron powinien wynosić 0,1. lub mniej.
Aby w przypadku każdego z wymienionych wyżej danych mieć pewność, że osiągasz zalecaną wartość docelową w przypadku większości użytkowników, dobrym progiem pomiaru jest 75 centyl wczytań stron podzielony na urządzenia mobilne i komputery.
Narzędzia do oceny zgodności z podstawowymi wskaźnikami internetowymi powinny uwzględniać zaliczanie strony, jeśli w 75. percentylu jej osiągnięcie jest zgodne z zalecanymi wartościami docelowymi.
Lifecycle
Wskaźniki na ścieżce podstawowych wskaźników internetowych są podzielone przez 3 fazy: eksperymentalną, oczekującą i stabilną.
W poniższej tabeli widać, w jakich cyklach życia znajdują się obecnie wszystkie podstawowe wskaźniki internetowe:
Każdy etap ma na celu wskazanie deweloperom, co powinni myśleć o poszczególnych rodzajach 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.
- Dane oczekujące to przyszłe podstawowe wskaźniki internetowe, które przeszły etap testowania i opinii, a ich rozwój w przeszłości ustabilizował się na określonym przedziale czasu.
- Dane stabilne to aktualny zestaw podstawowych wskaźników internetowych, które Chrome uznaje za istotne dla wygody użytkowników.
Eksperymentalny
Dane, które są początkowo tworzone i wchodzące do ekosystemu, są uznawane za dane eksperymentalne.
Celem fazy eksperymentalnej jest ocena sprawności danych, najpierw przez zbadanie problemu, który należy rozwiązać, oraz ewentualnie powtórzenie tego, co poprzednie dane mogły nie zostać uwzględnione. Na przykład interakcja z następnym wyrenderowaniem (INP) została początkowo opracowana jako dane eksperymentalne służące do rozwiązywania problemów z wydajnością środowiska wykonawczego występujących w internecie w bardziej kompleksowy sposób niż opóźnienie po pierwszej interakcji (FID).
Eksperymentalna faza cyklu życia podstawowych wskaźników internetowych ma również na celu zapewnienie elastyczności w tworzeniu danych przez wykrywanie błędów, a nawet analizę zmian w ich początkowej definicji. Na tym etapie najważniejsza jest też opinia społeczności.
Oczekuje
Gdy zespół Chrome stwierdzi, że dane eksperymentalne otrzymały wystarczającą ilość opinii i udowodniły swoją skuteczność, stają się one wartościami oczekującymi. Oczekujące wskaźniki są przechowywane na tej fazie przez co najmniej 6 miesięcy, aby dać ekosystemowi czas na adaptację. Jedyną przeszkodą, aby dany wskaźnik przekroczył fazę oczekiwania, jest przeczekanie okresu przejściowego. Opinie społeczności pozostają ważnym aspektem tego etapu, ponieważ coraz więcej deweloperów zaczyna korzystać z tych danych.
Stabilny
Po sfinalizowaniu podstawowych wskaźników internetowych stają się one stabilnymi – w przypadku danych na ścieżce takich wskaźników stają się one podstawowymi wskaźnikami internetowymi.
Wskaźniki stałe są aktywnie obsługiwane i mogą podlegać poprawkom błędów oraz zmianom w definicjach. Stabilne podstawowe wskaźniki internetowe nie zmieniają się częściej niż raz na rok. O wszelkich zmianach w podstawowym wskaźniku internetowym będzie wyraźnie informować dokumentacja wskaźnika, a także jego CHANGELOG. We wszystkich ocenach uwzględniane są też podstawowe wskaźniki internetowe.
Narzędzia do pomiaru i raportowania podstawowych wskaźników internetowych
Uważamy, że podstawowe wskaźniki internetowe są kluczowe dla wszystkich działań internetowych. Dlatego planujemy promować te dane we wszystkich popularnych narzędziach. W kolejnych sekcjach 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 dane z pomiarów rzeczywistych użytkowników dla każdego podstawowego wskaźnika internetowego. Dane te umożliwiają właścicielom witryn szybką ocenę ich wydajności bez konieczności ręcznego ustawiania narzędzi analitycznych na stronach. Służą też do narzędzi takich jak PageSpeed Insights i raport dotyczący podstawowych wskaźników internetowych w Search Console.
LCP | FID | CLS | |
Raport na temat użytkowania Chrome | ✔ | ✔ | ✔ |
PageSpeed Insights | ✔ | ✔ | ✔ |
Search Console (raport dotyczący podstawowych wskaźników internetowych) | ✔ | ✔ | ✔ |
Dane dostępne w Raporcie na temat użytkowania Chrome umożliwiają szybką ocenę wydajności witryn, ale nie zapewniają szczegółowych danych telemetrycznych dotyczących odsłon poszczególnych odsłon, które często są niezbędne do dokładnego diagnozowania i monitorowania regresji oraz szybkiego reagowania na regresje. Dlatego zdecydowanie zalecamy, aby witryny stosowały własne monitorowanie rzeczywistego użytkownika.
Pomiar podstawowych wskaźników internetowych w JavaScript
Każdy z podstawowych wskaźników internetowych można mierzyć 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, czyli małego, gotowego do produkcji kodu do obsługi podstawowych internetowych interfejsów API. Mierzy on każdy rodzaj danych w sposób dokładnie zgodny ze sposobem raportowania przez wszystkie wymienione powyżej narzędzia Google.
Dzięki bibliotece web-vitals pomiar poszczególnych danych jest równie łatwy jak wywoływanie pojedynczej funkcji (pełne informacje o użytkowaniu i API znajdziesz w dokumentacji):
import {onCLS, onFID, 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);
onFID(sendToAnalytics);
onLCP(sendToAnalytics);
Po skonfigurowaniu w witrynie korzystania z biblioteki podstawowych wskaźników internetowych do pomiaru i przesyłania danych podstawowych wskaźników internetowych do punktu końcowego analityki możesz zagregować te dane i zgłosić je do raportów, aby sprawdzić, czy Twoje strony spełniają zalecane progi w przypadku co najmniej 75% wizyt na stronie.
Chociaż niektórzy dostawcy analityki mają wbudowaną obsługę podstawowych wskaźników internetowych, nawet ci, którzy nie powinni uwzględniać podstawowych funkcji niestandardowych danych, umożliwiają pomiar tych wskaźników za pomocą ich narzędzi.
Przykładem może być 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 na temat każdego z podstawowych wskaźników internetowych bez pisania kodu za pomocą rozszerzenia do Chrome o wskaźnikach internetowych. To rozszerzenie korzysta z biblioteki web-vitals do pomiaru tych danych i wyświetlania ich użytkownikom podczas przeglądania internetu.
To rozszerzenie może pomóc w poznaniu skuteczności Twoich witryn, witryn konkurencji i całej sieci.
LCP | FID | CLS | |
---|---|---|---|
witamy online | ✔ | ✔ | ✔ |
Rozszerzenie Web Vitals | ✔ | ✔ | ✔ |
Deweloperzy, którzy wolą mierzyć te dane bezpośrednio za pomocą bazowych interfejsów API internetowych, mogą zapoznać się ze szczegółami implementacji w tych przewodnikach po wskaźnikach:
.Narzędzia 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 w laboratorium to najlepszy sposób na przetestowanie działania funkcji w trakcie tworzenia aplikacji, zanim zostaną one udostępnione użytkownikom. To również najlepszy sposób na wychwycenie spadków wydajności, zanim nastąpią.
Do pomiaru podstawowych wskaźników internetowych w środowisku laboratoryjnym można używać tych narzędzi:
LCP | FID | CLS | |
---|---|---|---|
Narzędzia deweloperskie w Chrome | ✔ | ✘ (zamiast tego użyj TBT) | ✔ |
Lighthouse | ✔ | ✘ (zamiast tego użyj TBT) | ✔ |
Pomiary laboratoryjne to kluczowy element zapewniania wspaniałych wrażeń, nie zastępują one pomiarów terenowych.
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 sposobów interakcji użytkownika ze stroną. Na każdy z podstawowych wskaźników internetowych może wpływać interakcja użytkownika. Tylko pomiary w terenie mogą uchwycić pełny obraz.
Jak poprawić wyniki
Gdy określisz już podstawowe wskaźniki internetowe i zidentyfikujesz obszary, które możesz poprawić, następnym krokiem jest optymalizacja. W tych przewodnikach znajdziesz konkretne rekomendacje dotyczące optymalizacji stron pod kątem każdego z podstawowych wskaźników internetowych:
Inne wskaźniki internetowe
Podstawowe wskaźniki internetowe są kluczowymi wskaźnikami pozwalającymi zrozumieć i zapewnić użytkownikom wygodę, ale istnieją też inne ważne dane.
Te inne wskaźniki internetowe często służą jako dane pomocnicze lub uzupełniające podstawowe wskaźniki internetowe, co pomaga w zbieraniu większej ilości informacji lub ułatwia zdiagnozowanie konkretnego problemu.
Na przykład wskaźniki Czas do pierwszego bajtu (TTFB) i Pierwsze wyrenderowanie treści (FCP) są kluczowymi aspektami wczytywania i są przydatne przy diagnozowaniu problemów z LCP (odpowiednio wolnym czasem reakcji serwera lub zasobami blokującymi renderowanie).
Podobnie wskaźniki takie jak całkowity czas blokowania (TBT) i czas do interaktywności (TTI) to wskaźniki laboratoryjne, które są niezbędne do wykrywania i diagnozowania potencjalnych problemów związanych z interaktywność, które będą miały wpływ na FID. Nie są one jednak częścią zestawu podstawowych wskaźników internetowych, ponieważ nie są mierzalne w polu widzenia. Nie odzwierciedlają też wyników ukierunkowanych na użytkownika.
Zmieniające się wskaźniki internetowe
Wskaźniki internetowe i podstawowe wskaźniki internetowe to najlepsze dostępne sygnały dostępne obecnie dla deweloperów do pomiaru jakości treści w internecie. 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ą podawane w odpowiednich narzędziach Google. Zmiany tych wskaźników będą miały szeroki wpływ na zasięg, dlatego deweloperzy powinni spodziewać się stabilnego poziomu definicji i progów podstawowych funkcji internetowych, a aktualizacje powinny być powiadamiane z wyprzedzeniem i z przewidywalnym rocznym harmonogramem.
Inne wskaźniki internetowe często są zależne od kontekstu lub narzędzia i mogą być bardziej eksperymentalne niż podstawowe. Dlatego ich definicje i progi mogą się zmieniać z większą częstotliwością.
W przypadku wszystkich wskaźników internetowych zmiany będą wyraźnie udokumentowane w tym publicznym narzędziu CHANGELOG.