Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

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ę, w jaki sposób kluczowe wskaźniki są trendy, dodaj je do swojej metryki pokładzie w górnej części deski rozdzielczej Wydajność. 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ć:

  • Poprawa zwłoki pierwszego wejściowego jak zmieniłeś Po wczytaniu aplikacji niektóre pliki JavaScript
  • Zmniejszenie czasu dla pierwszego contentful farbą po włączeniu używać CDN aktywów
  • Spadek wielkości ładunku odpowiedzi na żądanie sieciowe skoro realizowanego użycie miniaturek
  • Wzrost czasu reakcji sieci dla wywołania API trzeciej podczas przerwy w ekosystemie

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 rady metryki, przejdź do deski rozdzielczej wydajności w konsoli Firebase, a następnie kliknij kartę Dashboard. Kliknij pustą kartę danych, a następnie wybierz istniejące dane, które chcesz dodać do swojej tablicy. Kliknij na zaludnionym karty metrycznych więcej opcji, jak wymienić 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 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.

Na przykład, można powiedzieć, że śledzisz opóźnienie wejścia pierwszy Page'a (wartość, która powinna być mała). 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żądany kierunek trendów, jak na wielkość ładunku odpowiedź na żądanie sieciowe, a następnie wsiąść metryki zawsze wyświetla metryki procentową zmianę w kolorze szarym, niezależnie od tego, w jaki sposób dane są trendy.

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żna zobaczyć wszystkie ślady swojej aplikacji w tabeli ślady, które jest w dolnej części deski rozdzielczej wydajności . Tabela grupuje każdy typ śledzenia w odpowiedniej podkarcie. Na przykład, wszystkie ślady żądanie sieciowe są wymienione poniżej wniosków podkarty Network.

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 asortymentów percentyla i zakres czasowy ustawiony na górnej zakładce Dashboard. Oto kilka przykładów:

  • Jeśli wybierzesz percentyl 50% i zakres czasu w ciągu ostatnich 7 dni, a następnie wartość metryki będzie mediana zebranych danych z ostatniego dnia, a zmiana procentowa będzie zmiana od 7 dni przed.

  • Jeśli następnie zmienić zakres czasowy do ostatnich 24 godzin, a następnie wartość metryki będzie mediana zebranych danych z ostatniej godziny, a zmiana procentowa będzie zmiana od 24 godzin przed.

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 dane i dane dla konkretnego śladu, kliknij nazwę śledzenia w tabeli śladów. 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 przechodzić przez różne ekrany, aby eksplorować ślad i przeanalizować interesujące metryki. Na większości stron, można użyć filtra przycisku (lewym górnym rogu ekranu), aby filtrować dane według atrybutu, na przykład:

obraz danych Firebase Performance Monitoring filtrowanych według atrybutów
  • Przez filtr URL strony do przeglądania danych na stronie konkretnej witryny
  • Filtr efektywna typu połączenia, aby dowiedzieć się, jak wpływa połączenie 3G swoją aplikację
  • Filtruj według kraju, aby upewnić się, że lokalizacja bazy danych nie wpływa na specyficzny 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 łącznie lub w czasie.

  • Żądanie ślady sieciowe - dostępne są karty metryczne czas reakcji i wielkość ładowność odpowiedź.
  • Niestandardowy kod ślady - Karta metryczny Czas jest zawsze dostępny (domyślnie metrycznych dla tego typu śladu). Jeśli dodałeś dowolne metryki niestandardowe do śledzenia kodu niestandardowego, te karty metryk również zostaną wyświetlone.
  • Strona załadowała ślady - dostępne karty metryczne to pierwsza farba, pierwszy contentful farby, opóźnienie pierwszego wejścia i DOM-podobnych zdarzeń.

Zobacz szczegółowe informacje o danych

Jeśli klikniesz Zobacz więcej na dowolnej karcie metrycznym można przeglądać bardziej szczegółowe informacje na temat zebranych danych i korzystać bogatsze funkcje analizy. Na przykład możesz filtrować i segmentować dane według atrybutów.