Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

Monitorowanie danych o wydajności w konsoli

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

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ę, jakie trendy zyskują Twoje 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 na żądanie sieciowe od czasu wdrożenia miniaturek
  • 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 danych wyświetlana jest procentowa zmiana danych na czerwono, zwracając uwagę na możliwy problem. Jeśli jednak wartość maleje lub pozostaje niezmieniona, na tablicy wskaźników 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 wskaż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 .

W tabeli śladów wyświetlane są 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 u góry, 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 przefiltrować dane według atrybutu, 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 witryny
  • 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 Cię 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.
obraz wykresu dystrybucji Firebase Performance Monitoring

Podsumowanie skuteczności wybranych danych znajduje się bezpośrednio pod kartami danych. Obejmuje to jednozdaniowy przegląd trendów danych w czasie oraz wykres do wizualizacji rozkładu danych w całym wybranym zakresie dat.

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 korzystania z 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).