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 ustalić, co możesz poprawić.
Omówienie
Wskaźniki internetowe to inicjatywa Google, która ma na celu dostarczanie ujednoliconych wskazówek dotyczących jakości, które są niezbędne do zapewnienia użytkownikom doskonałych wrażeń w internecie.
Na przestrzeni lat firma Google udostępniła wiele narzędzi do pomiaru skuteczności i raportowania jej skuteczności. Niektórzy deweloperzy wiedzą, jak korzystać z tych narzędzi, a inni radzą sobie z dostępnością tych narzędzi i danych, z którymi trudno jest nadążyć.
Właściciele witryn nie powinni być ekspertami w zakresie skuteczności, aby poznać jakość wrażeń użytkowników. Inicjatywa dotycząca wskaźników internetowych ma na celu uproszczenie sytuacji i umożliwienie witrynom skupienie się 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 są 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, zmieniają się z czasem. Obecny zestaw koncentruje się na 3 aspektach wrażeń użytkownika – wczytywaniu, interaktywności i stabilności wizualnej – i obejmuje te dane (oraz związane z nimi progi):
- Największe wyrenderowanie treści (LCP): mierzy wydajność wczytywania. Aby zadbać o wygodę użytkowników, wskaźnik LCP powinien pojawić się w ciągu 2,5 sekundy od rozpoczęcia wczytywania strony.
- Interakcja z następnym wyrenderowaniem (INP): mierzy interaktywność. Aby zadbać o wygodę użytkowników, wartość INP stron powinna wynosić maksymalnie 200 milisekund.
- Skumulowane przesunięcie układu (CLS): mierzy stabilność wizualną. Ze względu na wygodę użytkowników CLS stron powinien mieć wartość CLS nie większą niż 0.1..
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 służące do oceny zgodności z podstawowymi wskaźnikami internetowymi powinny rozważyć stronę z oczekiwaniami, jeśli spełnia ona zalecane wartości docelowe na 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.
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 to przyszłe Podstawowe wskaźniki internetowe, które przeszły etap testowania i wyrażania opinii oraz mają jasno określony termin osiągnięcia stabilności.
- Stabilne dane to obecny zestaw podstawowych wskaźników internetowych, które Chrome uznaje za niezbędne ze względu na wygodę użytkowników.
Podstawowe wskaźniki internetowe dzielą się na te etapy cyklu życia:
Eksperymentalna
Gdy dane są początkowo 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 wskaźnik Interakcja z następnym wyrenderowaniem (INP) został początkowo opracowany jako eksperymentalne dane mające na celu bardziej kompleksowe rozwiązanie problemów z wydajnością działania w sieci niż Opóźnienie przy pierwszym działaniu (FID).
Eksperymentalna faza cyklu życia Core Web Vitals ma też zapewnić elastyczność w opracowywaniu wskaźników przez identyfikowanie błędów, a nawet znalezienie zmian w ich początkowej definicji. To również ten etap, na którym najważniejsza jest opinia społeczności.
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. status INP został zmieniony ze stanu eksperymentalnego na oczekujący z zamiarem wycofania FID.
Oczekujące dane są przechowywane na tej fazie przez co najmniej 6 miesięcy, aby zapewnić ekosystemowi czas na adaptację. 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 danych podstawowych wskaźników internetowych stają się one stabilne. 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. Wskaźniki dotyczące stabilnych podstawowych wskaźników internetowych nie zmieniają się częściej niż raz w roku. Wszelkie zmiany w podstawowym wskaźniku internetowym będą jasno informować o każdej zmianie w oficjalnej dokumentacji wskaźnika oraz w jego historii zmian. Podstawowe wskaźniki internetowe są też uwzględniane w testach.
Narzędzia do pomiaru i raportowania podstawowych wskaźników internetowych
Uważamy, że podstawowe wskaźniki internetowe mają kluczowe znaczenie dla wygody użytkowników wszystkich stron internetowych. W związku z tym firma Google stara się wyświetlać te dane 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, rzeczywiste dane pomiarowe 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 testowania statystyk na stronach. Wykorzystują one narzędzia takie jak PageSpeed Insights i raport dotyczący podstawowych wskaźników internetowych w Search Console.
| LCP | INP | CLS | |
| Raport na temat użytkowania Chrome | |||
| Narzędzie PageSpeed Insights | |||
| Search Console (raport dotyczący podstawowych wskaźników internetowych) |
Dane z Raportu na temat użytkowania Chrome pozwalają szybko ocenić wydajność witryn, ale nie przedstawiają szczegółowych danych telemetrycznych o odsłonach poszczególnych stron, które są często niezbędne do dokładnego diagnozowania i monitorowania regresji, a także do szybkiego reagowania na nie. Z tego powodu zdecydowanie zalecamy, aby witryny konfigurowały własne monitorowanie rzeczywistych użytkowników.
Pomiar podstawowych wskaźników internetowych w języku 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 na zmierzenie wszystkich podstawowych wskaźników internetowych jest użycie biblioteki JavaScript web-vitals. Jest to niewielki, gotowy do wykorzystania w środowisku produkcyjnym otoka podstawowych interfejsów API internetowych, która mierzy wszystkie dane w sposób dokładny.
Dzięki bibliotece web-vitals każdy wskaźnik można mierzyć przez wywołanie pojedynczej funkcji (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 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 analityki mają wbudowaną obsługę podstawowych wskaźników internetowych, nawet ci, którzy nie powinni uwzględniać podstawowych funkcji danych niestandardowych, które umożliwiają pomiary podstawowych wskaźników internetowych w ich narzędziu.
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 mierzenia podstawowych wskaźników internetowych za pomocą innych narzędzi analitycznych znajdziesz w artykule Sprawdzone metody pomiaru wskaźników internetowych w terenie.
Dzięki rozszerzeniu Web Vitals do Chrome możesz też generować raporty na temat każdego z podstawowych wskaźników internetowych bez konieczności pisania kodu. To rozszerzenie korzysta z biblioteki web-vitals do pomiaru każdego z tych rodzajów danych i wyświetlania ich użytkownikom, którzy przeglądają strony internetowe.
To rozszerzenie może pomóc w analizowaniu skuteczności Twoich witryn, stron konkurencji i ogólnej sieci.
| LCP | INP | CLS | |
|---|---|---|---|
| web-vitals | |||
| Rozszerzenie Web Vitals |
Deweloperzy, którzy wolą mierzyć te wskaźniki bezpośrednio za pomocą bazowych internetowych interfejsów API, mogą skorzystać z tych przewodników dotyczących danych, aby poznać szczegóły 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 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. To też najlepszy sposób na wykrywanie spadków wydajności, zanim nastąpią.
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 | (zamiast tego użyj TBT) | ||
| Latarnia morska | (zamiast tego użyj TBT) |
Pomiary laboratoryjne są niezbędnym elementem zapewniania doskonałych wrażeń, ale nie zastępują pomiarów w terenie.
Wydajność strony może się znacznie różnić w zależności od możliwości urządzenia użytkownika, jego warunków sieciowych, wykonywanych na nim innych procesów i sposobu interakcji ze stroną. W rzeczywistości na każdy z podstawowych wskaźników internetowych wpływa to na wynik interakcji użytkownika. Tylko pomiar pola może dokładnie uchwycić pełny obraz.
Jak poprawić wyniki
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ć wygodę użytkowników, ale istnieją też inne dane pomocnicze.
Te inne dane mogą służyć jako dane pośrednie lub uzupełniające 3 podstawowe wskaźniki internetowe, aby pomóc w uchwyceniu większej części interfejsu lub w zdiagnozowaniu konkretnego problemu.
Na przykład dane Czas do pierwszego bajtu (TTFB) i Pierwsze wyrenderowanie treści (FCP) to kluczowe aspekty procesu wczytywania i przydają się podczas diagnozowania problemów ze LCP (odpowiednio powolnym czasem reakcji serwera lub zasobami blokującymi renderowanie).
Podobnie dane takie jak Całkowity czas blokowania (TBT) są danymi z laboratoriów, które są niezbędne do wychwycenia i diagnozowania potencjalnych problemów z interaktywnością, które mogą mieć wpływ na INP. Wskaźnik nie wchodzi jednak w skład zestawu podstawowych wskaźników internetowych, ponieważ nie jest on mierzalny w poszczególnych obszarach ani nie odzwierciedla wyników ukierunkowanych na użytkownika.
Zmiany w 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 mają zastosowanie do wszystkich stron internetowych i są prezentowane w odpowiednich narzędziach Google. Zmiany tych danych będą miały bardzo szerokie skutki. W związku z tym deweloperzy powinni się spodziewać, że definicje i wartości progowe Podstawowych wskaźników internetowych będą stabilne, a aktualizacje będą aktualizowane z wyprzedzeniem i z przewidywalnym cyklem rocznym.
Inne wskaźniki internetowe są często zależne od kontekstu lub narzędzia i mogą być bardziej eksperymentalne niż te. W związku z tym ich definicje i progi mogą zmieniać się z większą częstotliwością.
W przypadku wszystkich wskaźników internetowych zmiany będą jasno udokumentowane w tym publicznym CHANGELOG.