Monitorowanie danych o wydajności w konsoli

Aby wyświetlić dane o wydajności w czasie rzeczywistym, upewnij się, że Twoja aplikacja korzysta z wersji SDK monitorowania wydajności, która jest zgodna z przetwarzaniem danych w czasie rzeczywistym. Dowiedz się więcej o danych o skuteczności w czasie rzeczywistym .

Śledź kluczowe wskaźniki na swoim pulpicie nawigacyjnym

Aby dowiedzieć się, jak zyskują popularność kluczowe wskaźniki, dodaj je do tablicy wskaźników u góry pulpitu nawigacyjnego Skuteczność . Możesz szybko zidentyfikować regresje, obserwując zmiany z tygodnia na tydzień lub sprawdzając, czy ostatnie zmiany w kodzie poprawiają wydajność.

obraz tablicy wskaźników w panelu Monitorowania wydajności Firebase

Oto kilka przykładowych trendów, które możesz śledzić:

  • Poprawiono opóźnienie pierwszego wejścia , ponieważ zmieniłeś się, gdy Twoja aplikacja ładuje określone pliki JavaScript
  • Skrócenie czasu pierwszego malowania treści po przejściu na CDN dla zasobów
  • Spadek wielkości ładunku odpowiedzi dla żądania sieciowego od czasu wdrożenia użycia miniatur
  • Wydłużenie czasu odpowiedzi sieci na wywołanie API innej firmy podczas awarii ekosystemu

Każdy członek projektu Firebase może skonfigurować własną tablicę danych. Możesz śledzić metryki, które są dla Ciebie ważne, podczas gdy inni członkowie projektu mogą śledzić zupełnie inne zestawy kluczowych metryk na własnych tablicach.

Aby dodać dane do tablicy danych, wykonaj następujące czynności:

  1. Przejdź do panelu wydajności w konsoli Firebase.
  2. Kliknij pustą kartę danych, a następnie wybierz istniejące dane, które chcesz dodać do swojej tablicy.
  3. Kliknij na wypełnionej karcie danych, aby uzyskać więcej opcji, na przykład zastąpić lub usunąć dane.

Tablica metryk przedstawia zebrane dane metryk w czasie, zarówno w formie graficznej, jak i liczbowej zmiany procentowej.

  • Każda karta danych wyświetla procentową zmianę wartości danych w wybranym zakresie czasu, a także ostatnio zebraną wartość danych. Stwierdzenie na górze tablicy wskaźników jest interpretacją zmiany procentowej.
  • Domyślnie na tablicy metryk jest wyświetlana wartość 75 percentyla metryki, która jest zgodna z Core Web Vitals . Jeśli chcesz zobaczyć, jak różne segmenty użytkowników korzystają z Twojej aplikacji, wybierz inny percentyl z listy rozwijanej u góry strony pulpitu nawigacyjnego.

Co oznaczają kolory czerwony, zielony i szary?

Większość metryk ma pożądany kierunek trendu, więc tablica metryk używa koloru, aby wyświetlić interpretację, czy dane metryki wykazują trend w dobrym czy złym kierunku.

Załóżmy na przykład, że śledzisz pierwsze opóźnienie wejścia strony (wartość, która powinna być niewielka). Jeśli ta wartość rośnie, na tablicy wskaźników wyświetlana jest procentowa zmiana wskaźnika na czerwono, zwracając uwagę na możliwy problem. Jeśli jednak wartość maleje lub się nie zmienia, na tablicy metryk wyświetlany jest procent odpowiednio w kolorze zielonym lub szarym.

Jeśli metryka nie ma oczywistego pożądanego kierunku trendu, takiego jak rozmiar ładunku odpowiedzi dla żądania sieciowego, tablica metryk zawsze wyświetla procentową zmianę metryki w kolorze szarym, niezależnie od trendu danych.

Co oznaczają linie ciągłe i przerywane?

  • ciemnoniebieska linia ciągła — wartość metryki w czasie

  • jasnoniebieska linia przerywana — wartość metryki w określonym czasie w przeszłości
    Jeśli na przykład wybierzesz wyświetlanie wykresu z ostatnich 7 dni i najedziesz kursorem na 30 sierpnia, jasnoniebieska linia przerywana pokaże wartość danych z 23 sierpnia.



Zobacz ślady i ich dane

Możesz wyświetlić wszystkie ślady dla swojej aplikacji w tabeli śladów, która znajduje się na dole pulpitu nawigacyjnego wydajności . Tabela grupuje każdy typ śledzenia w odpowiedniej podkarcie. Na przykład wszystkie ślady żądań sieciowych są wymienione na podkarcie Żądania sieciowe .

Tabela śladów wyświetla wartości niektórych najważniejszych metryk dla każdego śladu wraz z procentową zmianą wartości każdej metryki. Te wartości są obliczane na podstawie wyboru percentyla i zakresu czasu ustawionego w górnej części karty Pulpit . Oto kilka przykładów:

  • Jeśli wybierzesz percentyl 75% i zakres czasu Ostatnie 7 dni , wartością metryki będzie 75. percentyl zebranych danych z ostatniego dnia , a zmiana procentowa będzie zmianą od 7 dni wcześniej.
  • Jeśli następnie zmienisz zakres czasu na Ostatnie 24 godziny , wartością metryki będzie mediana zebranych danych z ostatniej godziny , a zmiana procentowa będzie zmianą od 24 godzin wcześniej.

Listę śladów na każdej podkarcie można posortować według wartości metryki lub według procentowej zmiany określonej metryki. Pomoże Ci to szybko zidentyfikować potencjalne problemy w Twojej aplikacji.

Aby wyświetlić wszystkie metryki i dane dla określonego śledzenia, kliknij nazwę śledzenia w tabeli śledzenia. Kolejne sekcje tej strony zawierają więcej szczegółów.

Zobacz więcej danych dla konkretnego śladu

Monitorowanie wydajności udostępnia stronę rozwiązywania problemów w konsoli Firebase, która przedstawia zmiany wskaźników, ułatwiając szybkie rozwiązywanie problemów z wydajnością i minimalizowanie ich wpływu na aplikacje i użytkowników. Możesz użyć strony rozwiązywania problemów, gdy dowiesz się o potencjalnych problemach z wydajnością, na przykład w następujących scenariuszach:

  • Wybierasz odpowiednie dane na pulpicie nawigacyjnym i zauważasz dużą deltę.
  • W tabeli śladów sortujesz, aby wyświetlić największe delty na górze, i widzisz znaczną zmianę procentową.
  • Otrzymasz powiadomienie e-mail z powiadomieniem o problemie z wydajnością.

Dostęp do strony rozwiązywania problemów można uzyskać w następujący sposób:

  • W panelu danych kliknij przycisk Wyświetl szczegóły danych .
  • Na dowolnej karcie danych wybierz => Wyświetl szczegóły . Strona rozwiązywania problemów wyświetla informacje o wybranym wskaźniku.
  • W tabeli śladów kliknij nazwę śladu lub dowolną wartość metryki w wierszu skojarzonym z tym śladem.
  • W powiadomieniu e-mail kliknij Zbadaj teraz .

Po kliknięciu nazwy śladu w tabeli śladów można przejść do bardziej interesujących metryk. Kliknij przycisk filtr , aby filtrować dane według atrybutów, na przykład:

obraz danych Firebase Performance Monitoring filtrowanych według atrybutów
  • Filtruj według adresu URL strony , aby wyświetlić dane dla określonej strony w witrynie
  • Filtruj według efektywnego typu połączenia, aby dowiedzieć się, jak połączenie 3G wpływa na Twoją aplikację
  • Filtruj według kraju , aby upewnić się, że lokalizacja bazy danych nie wpływa na określony region

Wyświetl wszystkie zebrane metryki w celu śledzenia

Po kliknięciu śladu możesz przeanalizować interesujące metryki:

  • Ślady żądań sieciowych — dostępne zakładki metryk to czas odpowiedzi i rozmiar ładunku odpowiedzi .
  • Niestandardowe ślady kodu — karta Pomiar czasu trwania jest zawsze dostępna (metryka domyślna dla tego typu śledzenia). Jeśli dodałeś dowolne metryki niestandardowe do śledzenia kodu niestandardowego, te karty metryki są również wyświetlane.
  • Ślady wczytywania strony – dostępne karty metryk obejmują pierwsze wyrwanie , pierwsze wyrwanie zawartości , pierwsze opóźnienie wejścia i zdarzenia związane z modelem DOM.

Zobacz szczegółowe informacje o danych

Możesz filtrować i segmentować dane według atrybutów lub kliknąć, aby wyświetlić dane w kontekście sesji użytkowania aplikacji.

Na przykład, aby zrozumieć, dlaczego Twój ostatni czas reakcji sieci jest wolny i czy kraj ma wpływ na wydajność, wykonaj następujące kroki:

  1. Wybierz kraj z listy rozwijanej atrybutów.
  2. W tabeli posortuj według najnowszych wartości, aby zobaczyć kraje, które mają największy wpływ na czasy odpowiedzi Twojej sieci.
  3. Wybierz kraje z największymi najnowszymi wartościami, aby wykreślić je na wykresie. Następnie najedź kursorem na oś czasu na wykresie, aby dowiedzieć się, kiedy czasy odpowiedzi sieci uległy spowolnieniu w tych krajach.
  4. Aby dokładniej zbadać główne przyczyny problemów z czasem odpowiedzi sieci w określonych krajach, dodaj filtry dla tych krajów i kontynuuj badanie innych atrybutów (takich jak typy i urządzenia radiowe).