Monitorowanie danych o wydajności w konsoli


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

Śledzenie kluczowych danych w panelu

Aby dowiedzieć się, jakie są trendy dotyczące kluczowych danych, dodaj je do tablicy danych u góry panelu Skuteczność. Możesz szybko zidentyfikować regresje, sprawdzając zmiany z tygodnia na tydzień, lub sprawdzić, czy ostatnie zmiany w kodzie poprawiają wydajność.

obraz panelu danych w <span class=Panel monitorowania skuteczności w Firebase" />

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

  • Poprawa opóźnienia przy pierwszym działaniu, ponieważ zmieniono moment, w którym aplikacja wczytuje niektóre pliki JavaScriptu.
  • skrócenie czasu pierwszego wyrenderowania treści po przejściu na korzystanie z sieci CDN do obsługi zasobów;
  • spadek rozmiaru ładunku odpowiedzi na żądanie sieciowe od momentu wdrożenia miniatur;
  • wydłużenie czasu odpowiedzi sieci na wywołanie interfejsu API innej firmy podczas przerwy w działaniu ekosystemu;

Każdy użytkownik projektu w Firebase może skonfigurować własną tablicę wskaźników. Możesz śledzić ważne dla Ciebie dane, podczas gdy inni członkowie projektu mogą śledzić zupełnie inne zestawy kluczowych danych na swoich tablicach.

Aby dodać dane do panelu danych, wykonaj te czynności:

  1. Otwórz panel Wydajność w konsoli Firebase.
  2. Kliknij pustą kartę danych, a potem wybierz istniejące dane, które chcesz dodać do tablicy.
  3. Kliknij na karcie danych, aby wyświetlić więcej opcji, np. zastąpić lub usunąć dane.

Panel danych pokazuje zebrane dane w czasie, zarówno w formie graficznej, jak i w postaci liczbowej zmiany procentowej.

  • Każda karta danych pokazuje zmianę procentową wartości danych w wybranym zakresie czasu, a także ostatnio zebraną wartość danych. Oświadczenie u góry panelu danych to interpretacja zmiany procentowej.
  • Domyślnie panel danych wyświetla wartość 75 percentyla wskaźnika, która jest zgodna z Core Web Vitals. Jeśli chcesz zobaczyć, jak różne segmenty użytkowników korzystają z aplikacji, wybierz inny percentyl z menu u góry strony panelu.

Co oznaczają kolory czerwony, zielony i szary?

Większość danych ma pożądany kierunek trendu, więc panel danych używa kolorów, aby pokazać, czy dane zmierzają w dobrym czy złym kierunku.

Załóżmy na przykład, że śledzisz opóźnienie przy pierwszym działaniu na stronie (wartość, która powinna być mała). Jeśli ta wartość rośnie, panel wskaźników wyświetla procentową zmianę wskaźnika na czerwono, zwracając uwagę na potencjalny problem. Jeśli jednak wartość maleje lub pozostaje bez zmian, panel danych wyświetla wartość procentową odpowiednio w kolorze zielonym lub szarym.

Jeśli dane nie mają oczywistego pożądanego kierunku trendu, jak rozmiar ładunku odpowiedzi w przypadku żądania sieciowego, panel danych zawsze wyświetla zmianę procentową danych na szaro, niezależnie od trendu danych.

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

  • ciemnoniebieska linia ciągła – wartość danych w czasie,

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


Wyświetlanie logów czasu i ich danych

Wszystkie logi czasu aplikacji możesz wyświetlić w tabeli logów czasu u dołu panelu wydajności. Tabela grupuje każdy typ logu czasu na odpowiedniej podkarcie. Na przykład wszystkie logi czasu żądań sieciowych są wymienione na podkarcie Żądania sieciowe.

Tabela śladów zawiera wartości niektórych najważniejszych danych dla każdego śladu oraz procentową zmianę wartości poszczególnych danych. Te wartości są obliczane na podstawie percentyla i zakresu czasu ustawionych u góry karty Panel. Oto przykłady:

  • Jeśli wybierzesz percentyl 75% i zakres czasu Ostatnie 7 dni, wartością danych 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ą danych będzie mediana zebranych danych z ostatniej godziny, a zmiana procentowa będzie zmianą od ostatnich 24 godzin.

Listę logów czasu oczekiwania na każdej podkarcie możesz posortować według wartości danych lub procentowej zmiany konkretnych danych. Może to pomóc w szybkim wykryciu potencjalnych problemów z aplikacją.

Aby wyświetlić wszystkie dane i wskaźniki dotyczące konkretnego logu czasu, kliknij jego nazwę w tabeli logów czasu. Więcej informacji znajdziesz w poniższych sekcjach tej strony.

Wyświetlanie dodatkowych danych dotyczących konkretnego logu czasu

Performance Monitoring udostępnia w konsoli Firebase stronę rozwiązywania problemów, na której wyróżnione są zmiany wskaźników. Dzięki temu możesz szybko rozwiązywać problemy z wydajnością i minimalizować ich wpływ na aplikacje i użytkowników. Strony rozwiązywania problemów możesz używać, gdy dowiesz się o potencjalnych problemach z wydajnością, np. w tych sytuacjach:

  • Wybierasz odpowiednie dane w panelu i zauważasz dużą różnicę.
  • W tabeli logów czasu sortujesz dane, aby wyświetlić największe delty u góry, i widzisz znaczną zmianę procentową.
  • Otrzymujesz alert e-mail z powiadomieniem o problemie z wydajnością.

Stronę rozwiązywania problemów możesz otworzyć na te sposoby:

  • W panelu danych kliknij przycisk Wyświetl szczegóły danych.
  • Na dowolnej karcie danych kliknij => Wyświetl szczegóły. Na stronie rozwiązywania problemów wyświetlą się informacje o wybranym wskaźniku.
  • W tabeli logów czasu kliknij nazwę logu czasu lub dowolną wartość danych w wierszu powiązanym z tym logiem czasu.
  • W alercie e-mail kliknij Zbadaj teraz.

Gdy klikniesz nazwę logu czasu w tabeli logów czasu, możesz przejść do interesujących Cię danych. Kliknij przycisk Filtruj, aby przefiltrować dane według atrybutu, na przykład:

obraz przedstawiający <span class=Dane monitorowania skuteczności w Firebase filtrowane według atrybutu" />
  • Filtruj według adresu URL strony, aby wyświetlić dane dotyczące konkretnej strony w witrynie.
  • Filtruj według efektywnego typu połączenia, aby dowiedzieć się, jak połączenie 3G wpływa na aplikację.
  • Filtruj według kraju, aby upewnić się, że lokalizacja bazy danych nie wpływa na konkretny region.

Wyświetlanie wszystkich zebranych danych dotyczących logu czasu

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

  • Logi czasu żądań sieciowych – dostępne karty danych to czas odpowiedzi i rozmiar ładunku odpowiedzi.
  • Ślady niestandardowego kodu – karta danych Czas trwania jest zawsze dostępna (domyślne dane dla tego typu śladu). Jeśli do śladu kodu niestandardowego dodano jakieś wskaźniki niestandardowe, wyświetlane są też karty tych wskaźników.
  • Ślady wczytywania strony – dostępne karty danych obejmują pierwsze wyrenderowanie, pierwsze wyrenderowanie treści, czas od interakcji do kolejnego wyrenderowania i zdarzenia związane z DOM.
obraz przedstawiający <span class=Wykres dystrybucji monitorowania skuteczności w Firebase" />

Podsumowanie skuteczności wybranego rodzaju danych znajdziesz tuż pod kartami danych. Obejmuje to jednozdaniowe podsumowanie trendu danych w czasie oraz wykres przedstawiający rozkład danych w całym wybranym zakresie dat.

wyświetlać szczegółowe informacje o danych,

Możesz filtrować i segmentować dane według atrybutu lub kliknąć, aby wyświetlić dane w kontekście sesji korzystania z aplikacji.

Aby na przykład dowiedzieć się, dlaczego ostatnio czas odpowiedzi sieci jest długi i czy kraj ma wpływ na wydajność, wykonaj te czynności:

  1. W menu atrybutów kliknij Kraj.
  2. W tabeli posortuj dane według najnowszej wartości, aby zobaczyć, które kraje mają największy wpływ na czas odpowiedzi sieci.
  3. Wybierz kraje z największymi najnowszymi wartościami, aby nanieść je na wykres. Następnie najedź kursorem na oś czasu na wykresie, aby dowiedzieć się, kiedy w tych krajach nastąpiło spowolnienie czasu odpowiedzi sieci.
  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 analizę pod kątem innych atrybutów (takich jak typy połączeń radiowych i urządzenia).