Jak korzystać z narzędzi do pomiaru szybkości

Google udostępniło wiele wskazówek dotyczących danych o skuteczności i narzędzi do jej pomiaru. Celem tej infografiki jest zebranie tych wskazówek dla deweloperów i marketerów, aby pomóc im zrozumieć, jak myśleć o skuteczności i jak korzystać ze wszystkich narzędzi Google do jej pomiaru.

Pobierz wersję PDF

Popularne mity dotyczące skuteczności

Mit 1

Kartka papieru z wykresem liniowym.

Wrażenia użytkownika można uchwycić za pomocą jednego rodzaju danych.

Dobre wrażenia użytkownika nie są rejestrowane w jednym momencie. Składa się z serii kluczowych etapów na ścieżce użytkowników. Poznaj różne dane i śledź te, które są ważne dla wrażeń użytkowników.

Mit 2

Zbiór ikon sieciowych przedstawiających różne urządzenia i warunki sieciowe.

Wrażenia użytkownika można uchwycić za pomocą jednego „reprezentatywnego użytkownika”.
Rzeczywista wydajność jest bardzo zmienna ze względu na różnice w urządzeniach użytkowników, połączeniach sieciowych i innych czynnikach. Skalibruj laboratorium i środowisko programistyczne, aby przetestować różne warunki. Użyj danych z pola, aby wybrać parametry testu dla typu urządzenia (np. komórka lub komputer), połączeń sieciowych (np. 3G lub 4G) i inne kluczowe zmienne.

Mit 3

Zestaw ilustracji przedstawiających różne rodzaje użytkowników.

Moja witryna szybko się wczytuje, więc powinna szybko wczytywać się u użytkowników.
Urządzenia i sieci, na których deweloperzy testują wydajność wczytywania, są często znacznie szybsze niż te, z których korzystają użytkownicy. Korzystaj z danych z testów w terenie, aby dowiedzieć się, z jakich urządzeń i sieci korzystają użytkownicy, i odpowiednio odzwierciedlić te warunki podczas testowania wydajności.

Interpretowanie danych laboratoryjnych i zgromadzonych zgromadzonych przez użytkowników

Dane laboratoryjne

Ilustracja przedstawiająca mężczyznę stojącego przed abstrakcyjnymi pojęciami technicznymi i ikonami

Dane laboratoryjne to dane o wydajności zbierane w kontrolowanym środowisku ze wstępnie zdefiniowanymi ustawieniami urządzenia i sieci. Zapewnia to powtarzalne wyniki i możliwości debugowania, które pomagają identyfikować, izolować i rozwiązywać problemy z wydajnością.

Tak

Mocne strony

  • Pomocne przy debugowaniu problemów z wydajnością
  • Kompleksowy i szczegółowy wgląd w UX
  • powtarzalne środowisko testowania i debugowania;
Nie

Ograniczenia

  • Może nie uwzględniać rzeczywistych wąskich gardeł.
  • Nie można powiązać z rzeczywistymi wskaźnikami KPI strony.

Zgromadzone dane

Ilustracja przedstawiająca osoby w miejscu publicznym korzystające z urządzeń mobilnych.

(nazywane też monitorowaniem rzeczywistych użytkowników lub RUM)

Dane zgromadzone to dane o skuteczności zebrane podczas rzeczywistego wczytywania stron przez użytkowników.

Tak

Mocne strony

  • odzwierciedlają rzeczywiste wrażenia użytkowników,
  • umożliwia korelację z kluczowymi wskaźnikami wydajności firmy;
Nie

Ograniczenia {: .compare-worse }

  • Ograniczony zestaw danych
  • Ograniczone możliwości debugowania

Jakie są różne narzędzia do pomiaru skuteczności?

Latarnia morska

Lighthouse

Zapewnia spersonalizowane porady dotyczące ulepszania witryny pod kątem wydajności, ułatwień dostępu, PWA, SEO i innych sprawdzonych metod.

WebPageTest

WebPageTest

Umożliwia porównanie wydajności co najmniej jednej strony w kontrolowanym środowisku laboratoryjnym, szczegółową analizę statystyk wydajności i testowanie wydajności na prawdziwym urządzeniu. Możesz też uruchomić Lighthouse w WebPageTest.

TestMySite

TestMySite

Umożliwia diagnozowanie wydajności strony internetowej na różnych urządzeniach i zawiera listę poprawek, które mogą poprawić wrażenia użytkowników, z Webpagetest i PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Pokazuje dane o szybkości witryny oraz sugestie dotyczące typowych optymalizacji, które mogą ją poprawić.

Podsumowanie statystyk dotyczących szybkości witryn

Podsumowanie statystyk szybkości

Umożliwia porównanie szybkości witryny mobilnej z witrynami innych firm w ponad 10 krajach. Szybkość witryny mobilnej jest określana na podstawie rzeczywistych danych z Raportu na temat użytkowania Chrome.

Kalkulator wpływu

Kalkulator wpływu

Umożliwia oszacowanie potencjalnych przychodów, jakie można uzyskać dzięki zwiększeniu szybkości witryny mobilnej, na podstawie danych porównawczych z Google Analytics.

Narzędzia deweloperskie w Chrome

Narzędzia deweloperskie w Chrome

Umożliwia profilowanie czasu działania strony oraz identyfikowanie i debugowanie wąskich gardeł wydajności.

Czyli jesteś…

Ikona książki z wykresami i diagramami.

Marketer lub deweloper, który chce stworzyć uzasadnienie biznesowe dla poprawy komfortu korzystania z witryny. Interesują Cię konkretne kwoty i szukasz danych finansowych, które pomogą Ci oszacować koszt alternatywny i oczekiwany wzrost.

  • Użyj podsumowania szybkości, aby porównać szybkość swojej witryny mobilnej z witrynami innych firm w ponad 10 krajach. Wyniki są oparte na rzeczywistych danych z Raportu na temat użytkowania Chrome.
  • Skorzystaj z Kalkulatora wpływu, aby oszacować potencjalne możliwości zwiększenia przychodów dzięki poprawie szybkości witryny mobilnej. Wpływ jest określany na podstawie danych porównawczych z Google Analytics.
  • Użyj narzędzia TestMySite, aby sprawdzić czas wczytywania strony na urządzeniach mobilnych i porównać go z branżowymi analizami porównawczymi. Dowiesz się też, jak proste poprawki mogą przyspieszyć działanie witryny i zmniejszyć liczbę użytkowników, którzy ją opuszczają. Narzędzie TestMySite korzysta obecnie z WebPageTest i PageSpeed Insights.
Ikona laptopa z logo Chrome za nim i nieco powyżej.

Deweloper, który chce poznać bieżącą skuteczność witryny z perspektywy rzeczywistych użytkowników Chrome i szuka zaleceń dotyczących audytu, które uwzględniają najważniejsze trendy i wytyczne branżowe.

PageSpeed Insights pomaga zrozumieć, jak Twoja witryna działa w rzeczywistych warunkach, gdy korzystają z niej użytkownicy Chrome, i rekomenduje możliwości optymalizacji.

Ikona strony z wynikami audytu Lighthouse.

Deweloper, który chce zrozumieć i sprawdzić witrynę pod kątem sprawdzonych metod dotyczących wydajności nowoczesnych stron internetowych.

Lighthouse zawiera kompleksowy zestaw możliwości poprawy skuteczności. Zawiera listę możliwości poprawy skuteczności, których brakuje na Twojej stronie, oraz czas zaoszczędzony dzięki wdrożeniu każdej optymalizacji, co może pomóc Ci zrozumieć, co należy zrobić.

Ikona lupy nad błędem.

Deweloper szukający wskazówek technicznych dotyczących debugowania lub szczegółowego omówienia wydajności witryny.

Narzędzia deweloperskie w Chrome zawierają panel Wydajność, który umożliwia szczegółowe analizowanie problemów z wydajnością witryny przez profilowanie jej za pomocą dostosowanych konfiguracji. Dzięki temu możesz wykrywać wąskie gardła wydajności. Narzędzi CDT możesz używać w przypadku wersji produkcyjnych lub deweloperskich witryny.

WebPageTest zawiera zaawansowany zestaw danych i przeglądarek logów czasu. Umożliwia szczegółową analizę wydajności witryny na rzeczywistym sprzęcie mobilnym w warunkach sieciowych.