Data publikacji: 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ć.
Omówienie
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 i będą wyświetlane we wszystkich narzędziach Google. Każdy z podstawowych wskaźników internetowych reprezentuje osobny aspekt wrażeń użytkownika, jest mierzalny i odzwierciedla rzeczywiste wrażenia użytkowników w konkretnym przypadku.
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ści i stabilności wizualnej. Obejmuje te dane (oraz ich odpowiednie progi):
- Największe wyrenderowanie treści (LCP): mierzy wydajność wczytywania. Aby wygodnie korzystało się z witryny, LCP powinno pojawiać się w ciągu 2,5 sekundy od wczytania strony.
- Interakcja do kolejnego wyrenderowania (INP): mierzy interaktywność. Aby zapewnić użytkownikom wygodę, strony powinny mieć INP krótszy niż 200 milisekund.
- Skumulowane przesunięcie układu (CLS): mierzy stabilność wizualna. Aby zapewnić użytkownikom dobre wrażenia, strony powinny mieć wskaźnik CLS 0,1 lub mniejszy.
Aby mieć pewność, że osiągasz zalecany cel w przypadku tych danych w przypadku większości użytkowników, dobrym progiem do pomiaru jest 50. percentyl wczytywania stron podzielony na urządzenia mobilne i komputery.
Narzędzia oceniające zgodność z podstawowymi wskaźnikami internetowymi powinny uznać stronę za spełniającą wymagania, jeśli osiąga zalecane wartości na poziomie 75. percentyla we wszystkich 3 podstawowych wskaźnikach internetowych.
Lifecycle
Dane w ramach podstawowych wskaźników internetowych przechodzą przez cykl życia składający się z 3 faz: eksperymentalnej, oczekującej i stabilnej.
Każda faza ma wskazywać deweloperom, jak powinni interpretować poszczególne dane:
- Dane eksperymentalne to dane, które mogą jeszcze ulec znacznym zmianom w zależności od wyników 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 należy zbadać problem, który należy rozwiązać, a potem ewentualnie sprawdzić, czy poprzednie dane nie były w stanie rozwiązać tego problemu. 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ż na celu zapewnienie elastyczności w rozwijaniu danych poprzez identyfikowanie błędów i nawet wprowadzanie zmian w ich pierwotnej definicji. Jest to też faza, w której opinie społeczności są najważniejsze.
Oczekuje
Gdy zespół Chrome stwierdzi, że dane eksperymentalne zostały odpowiednio przetestowane i spełniają swoje zadanie, stają się dane oczekujące. 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. Wtedy dane mogą stać się podstawowym wskaźnikiem internetowym.
Stabilne dane są aktywnie obsługiwane i mogą podlegać poprawkom błędów oraz zmianom definicji. 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ą również uwzględniane w ocenie.
Narzędzia do pomiaru podstawowych wskaźników internetowych i tworzenia raportów o nich
W Google uważamy, że podstawowe wskaźniki internetowe są kluczowe dla wszystkich wrażeń związanych z internetem. Dlatego firma zobowiązuje się do wyświetlania tych danych we wszystkich popularnych narzędziach. W następnych sekcjach znajdziesz informacje o tym, 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 Insights i raport 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 za pomocą standardowych interfejsów API internetowych.
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żytkowaniu 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 witrynę tak, aby używała biblioteki web-vitals do pomiaru i wysyłania danych podstawowych wskaźników internetowych do punktu danych analitycznych, następnym krokiem będzie zsumowanie tych danych i utworzenie raportu, aby sprawdzić, czy Twoje strony spełniają zalecane wartości progowe w przypadku co najmniej 75% wizytacji.
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:
Więcej wskazówek na temat 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 praktyce.
Narzędzia laboratoryjne do pomiaru podstawowych wskaźników internetowych
Wszystkie podstawowe wskaźniki internetowe to przede wszystkim dane z testów, ale wiele z nich można też mierzyć w laboratorium.
Pomiary laboratoryjne to najlepszy sposób na przetestowanie wydajności funkcji w trakcie ich tworzenia, zanim zostaną udostępnione użytkownikom. 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żywać 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łaściwie wynik każdego z podstawowych wskaźników internetowych może zależeć od 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 różni się poziomem 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) i 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 ich mierzyć w polu ani nie odzwierciedlają one wyników zorientowanych na użytkownika.
Zmiany w podstawowych wskaźnikach internetowych
Web Vitals i podstawowe wskaźniki internetowe to obecnie najlepsze sygnały, jakie mają deweloperzy do pomiaru jakości wrażeń w internecie, ale nie są one idealne i należy spodziewać się ich ulepszeń lub uzupełnień 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.
Zmiany dotyczące wszystkich wskaźników Web Vitals będą wyraźnie udokumentowane w tej publicznej HISTORII ZMIAŃ.