Optymalizacja pod kątem wygody użytkowników jest kluczem do długotrwałego sukcesu każdej witryny w internecie. Niezależnie od tego, czy jesteś właścicielem firmy, marketerem czy deweloperem, wskaźniki internetowe pomogą Ci ocenić wygodę korzystania z Twojej strony i znaleźć możliwości jej ulepszenia.
Przegląd
Wskaźniki internetowe to inicjatywa Google mająca na celu dostarczanie ujednoliconych wskazówek dotyczących sygnałów dotyczących jakości, które są niezbędne do zapewnienia użytkownikom doskonałych wrażeń podczas korzystania z internetu.
Od lat Google udostępnia różne narzędzia do mierzenia skuteczności i tworzenia raportów. Niektórzy deweloperzy wiedzą, jak używać tych narzędzi, a inni uważają, że nadążanie za tymi narzędziami i danymi może być trudne.
Właściciele witryn nie powinni być ekspertami w zakresie wydajności, aby rozumieć jakość wrażeń użytkowników na stronie. Inicjatywa dotycząca wskaźników internetowych ma na celu uproszczenie zasad korzystania z sieci i skupienie się na podstawowych wskaźnikach internetowych.
Core Web Vitals
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 będą widoczne we wszystkich narzędziach Google. Każdy z podstawowych wskaźników internetowych odzwierciedla inny aspekt wrażeń użytkownika, jest możliwy do zmierzenia w terenie i odzwierciedla rzeczywiste doświadczenia związane z kluczowym zorientowanym na użytkownika wynikiem.
Dane składające się na podstawowe wskaźniki internetowe będą się z czasem zmieniać. Obecny zestaw na 2020 r. skupia się na 3 aspektach związanych z wrażeniami użytkowników – wczytywania, interaktywności i stabilności wizualnej. Obejmuje on następujące dane (i ich odpowiednie 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 rozpoczęcia ładowania strony.
- Interakcja z następnym wyrenderowaniem (INP): mierzy interaktywność. Dla wygody użytkowników wartość INP stron powinna wynosić 200 milisekund lub mniej.
- Skumulowane przesunięcie układu (CLS): mierzy stabilność wizualną. Aby zadbać o wygodę użytkowników, CLS stron powinien wynosić 0,1. lub mniej.
Aby mieć pewność, że w przypadku większości użytkowników osiągasz zalecane wartości docelowe tych danych, dobrym progiem 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 uwzględniać wyświetlenie strony, jeśli spełnia zalecane wartości docelowe w 75. percentylu dla wszystkich 3 podstawowych wskaźników internetowych.
Lifecycle
Dane na ścieżce podstawowych wskaźników internetowych są podzielone na 3 etapy: eksperymentalne, oczekujące i stabilne.
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:
Wersja eksperymentalna
Gdy dane są początkowo tworzone i wchodzą do ekosystemu, uznaje się je za dane eksperymentalne.
Celem fazy eksperymentalnej jest ocena przydatności danych, przez określenie problemu, który należy rozwiązać, a następnie na sprawdzenie, które 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 do rozwiązywania problemów z wydajnością środowiska wykonawczego występujące w internecie w bardziej szczegółowy sposób niż w przypadku opóźnienia po pierwszej interakcji (FID).
Eksperymentalna faza cyklu życia podstawowych wskaźników internetowych ma też zapewnić elastyczność w tworzeniu danych przez wykrywanie błędów, a nawet analizę zmian ich początkowej definicji. Na tym etapie najważniejsza jest też opinia społeczności.
Oczekuje
Gdy zespół Chrome stwierdzi, że wskaźnik eksperymentalny otrzymał wystarczającą opinię i udowodnił jego skuteczność, staje się on wartością oczekującą. Na przykład w 2023 r. status INP zmienił się ze statusu „Eksperymentalny” na „Oczekujący”, aby ostatecznie 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 danymi. Wtedy wskaźnik może stać się podstawowym wskaźnikiem internetowym.
Stabilne wskaźniki 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 na rok. Wszelkie zmiany w podstawowym wskaźniku internetowym będą jasno opisane w oficjalnej dokumentacji wskaźnika, a także w historii zmian wskaźnika. 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 stron internetowych. Dlatego postawiliśmy na korzystanie z tych danych 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 pomiarowe użytkowników w każdym z podstawowych wskaźników internetowych. Dane te umożliwiają właścicielom witryn szybką ocenę ich wydajności bez konieczności ręcznego konfigurowania narzędzi analitycznych na stronach. Wykorzystują również takie narzędzia jak PageSpeed Insights i raport dotyczący podstawowych wskaźników internetowych w Search Console.
| LCP | INP | CLS | |
| Raport na temat użytkowania Chrome | |||
| PageSpeed Insights | |||
| Search Console (raport dotyczący podstawowych wskaźników internetowych) |
Dane dostarczane przez Raport na temat użytkowania Chrome umożliwiają szybką ocenę wydajności witryn, ale nie dostarczają 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 właściciele witryn skonfigurowali własne narzędzia do 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 interfejsów API.
Najprostszym sposobem pomiaru wszystkich podstawowych wskaźników internetowych jest użycie biblioteki JavaScript web-vitals, czyli niewielkiego, gotowego do wykorzystania w środowisku internetowych interfejsów API. Mierzy on wszystkie dane w sposób dokładnie odzwierciedlający sposób raportowania we wszystkich wymienionych wcześniej narzędziach Google.
Dzięki bibliotece web-vitals możesz mierzyć poszczególne dane, wywołując pojedynczą funkcję (zapoznaj się z dokumentacją na temat użytkowania i API):
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 w swojej witrynie korzystania z biblioteki witryn internetowych do mierzenia i wysyłania danych podstawowych wskaźników internetowych do punktu końcowego analityki internetowej musisz je agregować i generować raporty na ich podstawie, aby sprawdzić, czy Twoje strony spełniają zalecane progi w przypadku co najmniej 75% wizyt na stronie.
Chociaż niektórzy dostawcy narzędzi analitycznych mają wbudowaną obsługę podstawowych wskaźników internetowych, nawet te, które nie powinny uwzględniać tych funkcji, które umożliwiają pomiar podstawowych wskaźników internetowych za pomocą ich 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 mierzenia tych wskaźników.
Możesz też generować raporty o każdym z podstawowych wskaźników internetowych bez pisania kodu. Użyj do tego rozszerzenia do Chrome Web Vitals. To rozszerzenie korzysta z biblioteki web-vitals, aby mierzyć wszystkie te dane i wyświetlać je użytkownikom, gdy przeglądają internet.
To rozszerzenie może być pomocne w sprawdzaniu skuteczności Twoich witryn, witryn 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ą bazowych interfejsów API internetowych, mogą skorzystać z tych przewodników dotyczących wskaźników, aby dowiedzieć się więcej o implementacji:
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 wskaźniki terenowe, ale wiele z nich też można zmierzyć w laboratorium.
Pomiary laboratoryjne to najlepszy sposób na przetestowanie działania funkcji w trakcie tworzenia aplikacji, jeszcze zanim zostaną udostępnione użytkownikom. Jest to również najlepszy sposób na wychwycenie spadków skuteczności, zanim nastąpią.
Do pomiaru podstawowych wskaźników internetowych w środowisku modułowym 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) |
Chociaż 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 uruchomionych na urządzeniu oraz sposobu, w jaki wchodzi on w interakcję ze stroną. Właściwie to na swój wynik może mieć wpływ interakcja użytkownika z podstawowymi wskaźnikami internetowymi. Tylko pomiar w terenie pozwala dokładnie uchwycić pełny 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 dane pozwalające zrozumieć i zapewnić użytkownikom doskonałe wrażenia, ale istnieją też inne dane pomocnicze.
Te dane mogą służyć jako dane pomocnicze lub uzupełniające związane z 3 podstawowymi wskaźnikami internetowymi. Pomagają one uchwycić większą część wyników lub mogą pomóc w diagnozowaniu konkretnego problemu.
Na przykład wskaźniki Czas do pierwszego bajtu (TTFB) i Pierwsze wyrenderowanie treści (FCP) są ważnymi aspektami wczytywania i przydają się przy diagnostyce problemów z LCP (odpowiednio czasem reakcji serwera lub zasobami blokującymi renderowanie).
Podobnie dane takie jak Całkowity czas blokowania (TBT) są wskaźnikami laboratoryjnymi, które są niezbędne do wykrywania i diagnozowania potencjalnych problemów z interaktywnością, które mogą wpływać na wartość INP. Nie są one jednak uwzględnione w podstawowych wskaźnikach internetowych, ponieważ nie są wymierne i zorientowane 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 można się spodziewać ulepszeń i usprawnień w przyszłości.
Podstawowe wskaźniki internetowe dotyczą wszystkich stron internetowych i są uwzględniane w odpowiednich narzędziach Google. Zmiany tych danych będą miały szerokie zasięg, dlatego deweloperzy powinni spodziewać się, że definicje i wartości progowe podstawowych wskaźników internetowych będą stabilne, a aktualizacje będą otrzymywane z wyprzedzeniem i z przewidywalnym cyklem rocznym.
Inne wskaźniki internetowe często są zależne od kontekstu lub narzędzia i mogą być bardziej eksperymentalne niż podstawowe wskaźniki internetowe. 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 LOGU ZMIAN.