Check out what’s new from Firebase at Google I/O 2022. Learn more

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 .

Ś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ć metrykę do tablicy metryk, przejdź do pulpitu nawigacyjnego Wydajność w konsoli Firebase, a następnie kliknij kartę Pulpit nawigacyjny . Kliknij pustą kartę danych, a następnie wybierz istniejące dane, które chcesz dodać do swojej tablicy. Kliknij na wypełnionej karcie danych, aby uzyskać więcej opcji, takich jak zastąpienie lub usunięcie danych.

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 tablica metryk wyświetla medianę metryki. 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 50% i zakres czasu Ostatnie 7 dni , wartością metryki będzie mediana 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

Jeśli klikniesz nazwę śladu w tabeli śladów, możesz następnie przejrzeć różne ekrany, aby zbadać ślad i przejść do metryk, które Cię interesują. Na większości stron możesz użyć przycisku filtr (w lewym górnym rogu ekranu), 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

Jeśli klikniesz nazwę śladu w tabeli śladów, zobaczysz przegląd danych śladu na kartach metryk.

Użyj opcji w prawym górnym rogu ekranu, aby wyświetlić dane zbiorczo lub w czasie .

  • Ślady żądań sieciowych — dostępne karty metryk to czas odpowiedzi i rozmiar ładunku odpowiedzi .
  • Ślady kodu niestandardowego — karta metryki Czas 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 metryk 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

Jeśli klikniesz Wyświetl więcej na dowolnej karcie danych, możesz przejrzeć bardziej szczegółowe informacje o zebranych danych i skorzystać z bogatszych funkcji analizy. Na przykład możesz filtrować i segmentować dane według atrybutów.