Jak myśleć o narzędziach do pomiaru prędkości

Jak myśleć o narzędziach do zwiększania szybkości

Opublikowaliśmy wiele wskazówek dotyczących danych o skuteczności i narzędzi zwiększających skuteczność. Ta infografika ma na celu skonsolidowanie tych wskazówek dla programistów i marketerów, które pomogą im zrozumieć, jak myśleć o skuteczności oraz jak korzystać ze wszystkich narzędzi Google do poprawy skuteczności.

Pobieranie wersji w formacie PDF

Kartka papieru z wykresem liniowym.

Wrażenia użytkowników można uchwycić za pomocą jednego rodzaju danych.

Dobre wrażenia użytkowników nie da się odzwierciedlić w jednym punkcie w czasie. Składa się on z szeregu kluczowych etapów na ścieżce klienta. Możesz analizować różne dane i śledzić te z nich, które mają duże znaczenie dla wygody użytkowników.

Mit 2

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

Wrażenia użytkowników można zarejestrować w ramach jednego „reprezentatywnego użytkownika”.
Rzeczywista skuteczność jest bardzo zmienna ze względu na różnice w urządzeniach użytkowników, połączeniach sieciowych i innych czynnikach. Skalibruj swoje laboratorium i środowisko programistyczne, aby przetestować różne od siebie warunki. Wykorzystaj dane z pola, aby wybrać parametry testowe dla typu urządzenia (np. urządzenie mobilne lub komputer), połączeń sieciowych (np. 3G lub 4G) oraz innych kluczowych zmiennych.

Mit 3

Zestaw obrazów różnych
rodzajów użytkowników.

Moja witryna szybko się ładuje u moich użytkowników, więc powinna się szybko ładować.
Urządzenia i sieci, na których deweloperzy testują wydajność wczytywania, często są dużo szybsze niż te, które faktycznie są dostępne dla użytkowników. Dzięki danym z terenu możesz się dowiedzieć, z jakich urządzeń i sieci korzystają użytkownicy, i odzwierciedlić te warunki podczas testowania wydajności.

Dane laboratoryjne i terenowe

Dane laboratoryjne

Ilustracja przedstawiająca mężczyznę stojącego przed
grupą abstrakcyjnych koncepcji i ikon technicznych,

Dane laboratoryjne to dane o wydajności zebrane 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 dokładny wgląd w wrażenia użytkowników;
  • Powtarzalne środowisko testowania i debugowania
Nie

Ograniczenia

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

Dane pola

Pokazywanie osób w miejscu publicznym, które korzystają z urządzeń mobilnych.

Inna nazwa to Real User Monitoring (RUM).

Dane pól to dane o wydajności zebrane podczas rzeczywistych wczytywania stron, z których użytkownicy korzystają w codziennym życiu.

Tak

Mocne strony

  • Odzwierciedla 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

Czym są różne narzędzia zwiększające skuteczność?

Latarnia morska

Lighthouse

Udziela spersonalizowanych porad dotyczących ulepszania witryny pod kątem wydajności, ułatwień dostępu, PWA, SEO i innych sprawdzonych metod.

WebPageTest

WebPageTest

Umożliwia porównywanie wydajności 1 lub kilku stron w kontrolowanym środowisku laboratoryjnym oraz dogłębne analizowanie statystyk wydajności i testowanie wydajności na prawdziwym urządzeniu. Lighthouse możesz też uruchomić w WebPageTest.

TestMySite

TestMySite

Umożliwia diagnozowanie wydajności strony internetowej na różnych urządzeniach oraz udostępnia listę poprawek poprawiających wrażenia z korzystania z narzędzi Webpagetest i PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Wyświetla dane w polu prędkości dla Twojej witryny wraz z propozycjami typowych optymalizacji, które możesz ulepszyć.

Podsumowanie statystyk dotyczących szybkości witryn

Podsumowanie statystyk dotyczących szybkości

Pozwala porównać szybkość Twojej strony mobilnej z wynikami podobnych witryn w ponad 10 krajach. Szybkość strony mobilnej jest oparta na rzeczywistych danych z Raportu na temat użytkowania Chrome.

Kalkulator wpływu

Kalkulator wpływu

Na podstawie danych porównawczych z Google Analytics pozwala oszacować potencjalne możliwości zwiększenia przychodów związane z poprawą szybkości witryny mobilnej.

Narzędzia Chrome dla programistów

Narzędzia deweloperskie w Chrome

Umożliwia profilowanie środowiska wykonawczego strony, a także identyfikowanie i debugowanie wąskich gardła wydajności.

Czyli jesteś...

Ikona książki z wykresami.

Marketer lub programista próbujący przedstawić uzasadnienie biznesowe, by zwiększyć wygodę użytkowników Twojej witryny. Mówisz złotówki i szukasz złotówki i szukasz danych, które pomogą Ci oszacować koszt alternatywny i oczekiwany wzrost.

  • Na stronie Podsumowanie statystyk dotyczących szybkości możesz sprawdzić, jak szybkość Twojej strony mobilnej wypada na tle innych aplikacji z ponad 10 krajów. Wyniki są oparte na rzeczywistych danych pochodzących z Raportu na temat użytkowania Chrome.
  • Użyj Kalkulatora wpływu, aby oszacować potencjalne możliwości zwiększenia przychodów związane z przyspieszeniem działania witryny mobilnej. Wpływają na nie dane porównawcze z Google Analytics.
  • Skorzystaj z narzędzia TestMySite, aby przetestować czas wczytywania strony na urządzeniach mobilnych w porównaniu z branżowymi analizami porównawczymi i dowiedzieć się, jak proste poprawki mogą przyspieszyć działanie witryny i zmniejszyć liczbę utraconych użytkowników. TestMySite wykorzystuje obecnie technologię WebPageTest i PageSpeed Insights.
Ikona laptopa z logo Chrome z tyłu i nieco wyżej.

Programista próbujący poznać bieżącą wydajność witryny z perspektywy prawdziwych użytkowników Chrome i szuka zaleceń dotyczących kontroli przeprowadzanych pod kątem najnowszych trendów i wytycznych w branży.

Narzędzie PageSpeed Insights pozwala poznać rzeczywistą wydajność witryny z perspektywy użytkowników Chrome i rekomendować możliwości optymalizacji.

Ikona strony z wynikami
audytu w Lighthouse.

Programista próbujący zrozumieć i skontrolować witrynę pod kątem współczesnych, sprawdzonych metod zwiększania wydajności stron internetowych.

Lighthouse zawiera kompleksowy zestaw możliwości związanych ze skutecznością, podaje listę możliwości poprawy skuteczności, których brakuje na stronie, oraz czas zaoszczędzony w związku z wdrożeniem poszczególnych optymalizacji. Pomaga to zrozumieć, co należy zrobić.

Ikona lupy
nad robakiem.

Programista szuka wskazówek technicznych dotyczących debugowania lub szczegółowego analizowania wydajności witryny.

Narzędzia deweloperskie w Chrome (CDT) zawierają panel wydajności, który pozwala przeanalizować problemy z wydajnością witryny przez jej profilowanie z użyciem niestandardowych konfiguracji. Dzięki temu można zidentyfikować wąskie gardła wydajności. Z narzędzia CDT można korzystać w wersji produkcyjnej lub deweloperskiej witryny.

WebPageTest zawiera zaawansowany zestaw danych i przeglądarek śledzenia. Umożliwia szczegółową analizę wydajności witryny na prawdziwym sprzęcie mobilnym z określonymi warunkami sieciowymi.