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:
- Największe wyrenderowanie treści (LCP): mierzy wydajność wczytywania. Ze względu na wygodę użytkowników LCP musi wystąpić w ciągu 2, 5 sekundy od rozpoczęcia ładowania strony.
- Opóźnienie przy pierwszym działaniu (FID): mierzy interaktywność. Aby zadbać o wygodę użytkowników, strony muszą mieć parametr FID o wartości 100 milisekund lub krótszym.
- Skumulowane przesunięcie układu (CLS): mierzy stabilność wizualną. Aby zadbać o wygodę użytkowników, musisz utrzymać CLS na poziomie 0,1. lub mniejszym.
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.
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:
- LCP: stabilny
- FID: stabilny
- CLS: stabilny
- Interakcja do następnego wyrenderowania (INP): oczekujące
Więcej informacji o rozwoju INP znajdziesz w artykule o przejściu od interakcji do kolejnego wyrenderowania.
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ł początkowo opracowany jako eksperymentalne dane do bardziej szczegółowego rozwiązywania problemów z wydajnością środowiska wykonawczego w internecie niż w przypadku opóźnienia po pierwszej stronie (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ą. 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.
Co ważne, stabilne dane nie muszą być stałe. Stabilny wskaźnik można wycofać i zastąpić innym, który skuteczniej rozwiązuje problem.
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.
| LCP | FID | 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 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, 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);
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 | FID | 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 | FID | 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ć FID, ponieważ nie mają dostępu do danych wejściowych użytkownika. Jednak wartość całkowitego czasu blokowania (TBT) jest mierzalna i stanowi doskonały wskaźnik FID. Optymalizacje wydajności, które poprawiają TBT w module, powinny poprawić FID w tym polu. 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 całkowity czas blokowania (TBT) jest ważnym wskaźnikiem laboratoryjnym służącym do wykrywania i diagnozowania potencjalnych problemów z interaktywnością, które mogą wpływać na FID i 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.