Überwachen von Leistungsdaten in der Konsole

Stellen Sie zum Anzeigen von Echtzeit-Leistungsdaten sicher, dass Ihre App eine Leistungsüberwachungs-SDK-Version verwendet, die mit der Echtzeit-Datenverarbeitung kompatibel ist. Erfahren Sie mehr über Echtzeit-Leistungsdaten .

Verfolgen Sie wichtige Kennzahlen in Ihrem Dashboard

Um zu erfahren, wie sich Ihre wichtigsten Metriken entwickeln, fügen Sie sie zu Ihrem Metrik-Board oben im Leistungs -Dashboard hinzu. Sie können Regressionen schnell erkennen, indem Sie Änderungen von Woche zu Woche sehen oder überprüfen, ob die letzten Änderungen in Ihrem Code die Leistung verbessern.

ein Bild des Metrik-Boards im Firebase Performance Monitoring-Dashboard

Hier sind einige Beispieltrends, die Sie verfolgen könnten:

  • Eine Verbesserung der Verzögerung bei der ersten Eingabe, da Sie geändert haben, wann Ihre App bestimmte JavaScript-Dateien lädt
  • Eine Verkürzung der Zeit für das erste Contentful Paint nach dem Wechsel zur Verwendung eines CDN für Assets
  • Ein Rückgang der Antwortnutzlastgröße für eine Netzwerkanfrage, seit Sie die Verwendung von Miniaturansichten implementiert haben
  • Eine Verlängerung der Netzwerkreaktionszeit für einen API-Aufruf eines Drittanbieters während eines Ökosystemausfalls

Jedes Mitglied eines Firebase-Projekts kann sein eigenes Metrik-Board konfigurieren. Sie können Metriken verfolgen, die für Sie wichtig sind, während andere Projektmitglieder auf ihren eigenen Boards ganz andere Sätze von Schlüsselmetriken verfolgen können.

Führen Sie die folgenden Schritte aus, um Ihrem Metrik-Board eine Metrik hinzuzufügen:

  1. Rufen Sie das Leistungs -Dashboard in der Firebase-Konsole auf.
  2. Klicken Sie auf eine leere Metrikkarte und wählen Sie dann eine vorhandene Metrik aus, die Sie Ihrem Board hinzufügen möchten.
  3. Klicken Sie auf einer auf more_vert, um weitere Optionen anzuzeigen, z. B. um eine Metrik zu ersetzen oder zu entfernen.

Das Metrik-Board zeigt gesammelte Metrikdaten im Laufe der Zeit, sowohl in grafischer Form als auch als numerische prozentuale Veränderung.

  • Jede Metrikkarte zeigt die prozentuale Änderung des Metrikwerts über den ausgewählten Zeitraum sowie den zuletzt erfassten Wert der Metrik an. Die Aussage oben auf der Metriktafel ist eine Interpretation der prozentualen Veränderung.
  • Standardmäßig zeigt das Metrik-Board den 75. Perzentilwert der Metrik an, der mit Core Web Vitals übereinstimmt . Wenn Sie sehen möchten, wie verschiedene Segmente Ihrer Benutzer Ihre App erleben, wählen Sie ein anderes Perzentil aus der Dropdown-Liste oben auf der Dashboard-Seite aus.

Was bedeuten die roten, grünen und grauen Farben?

Die meisten Metriken haben eine gewünschte Trendrichtung, daher verwendet das Metrikboard Farben, um eine Interpretation dessen anzuzeigen, ob die Daten der Metrik in eine gute oder schlechte Richtung tendieren.

Angenommen, Sie verfolgen die erste Eingabeverzögerung einer Seite (ein Wert, der klein sein sollte). Wenn dieser Wert steigt, zeigt das Metrik-Board die prozentuale Änderung der Metrik in Rot an, um auf ein mögliches Problem aufmerksam zu machen. Wenn der Wert jedoch sinkt oder unverändert bleibt, zeigt die Metriktafel den Prozentsatz in Grün bzw. Grau an.

Wenn eine Metrik keine offensichtliche gewünschte Trendrichtung hat, wie z. B. die Antwortnutzlastgröße für eine Netzwerkanfrage, zeigt das Metrikboard immer die prozentuale Änderung der Metrik in Grau an, unabhängig davon, wie sich die Daten im Trend befinden.

Was bedeuten die durchgezogenen und gestrichelten Linien?

  • Dunkelblaue durchgezogene Linie – der Wert der Metrik im Zeitverlauf

  • hellblaue gestrichelte Linie – der Wert der Metrik zu einem bestimmten Zeitpunkt in der Vergangenheit
    Wenn Sie beispielsweise auswählen, dass ein Diagramm der letzten 7 Tage angezeigt werden soll, und den Mauszeiger über den 30. August bewegen, zeigt Ihnen die hellblaue gestrichelte Linie den Wert der Metrik am 23. August.



Traces und ihre Daten anzeigen

Sie können alle Ablaufverfolgungen für Ihre App in der Ablaufverfolgungstabelle anzeigen, die sich unten im Leistungs -Dashboard befindet . Die Tabelle gruppiert jeden Ablaufverfolgungstyp innerhalb einer entsprechenden Unterregisterkarte. Beispielsweise werden alle Netzwerkanforderungs-Traces auf der Unterregisterkarte Netzwerkanforderungen aufgelistet.

Die Ablaufverfolgungstabelle zeigt die Werte für einige Top-Metriken für jede Ablaufverfolgung zusammen mit der prozentualen Änderung für den Wert jeder Metrik an. Diese Werte werden basierend auf der Auswahl von Perzentil und Zeitbereich berechnet, die oben auf der Registerkarte Dashboard festgelegt wurden. Hier sind einige Beispiele:

  • Wenn Sie ein Perzentil von 75 % und einen Zeitraum von Letzte 7 Tage auswählen, dann ist der Wert der Metrik das 75. Perzentil der erfassten Daten vom letzten Tag und die prozentuale Änderung ist die Änderung seit den 7 Tagen davor.
  • Wenn Sie dann den Zeitraum auf Letzte 24 Stunden ändern, ist der Wert der Metrik der Median der gesammelten Daten der letzten Stunde und die prozentuale Änderung ist die Änderung seit 24 Stunden zuvor.

Sie können die Liste der Ablaufverfolgungen in jeder Unterregisterkarte nach dem Wert der Metrik oder nach der prozentualen Änderung für eine bestimmte Metrik sortieren. Dies kann Ihnen helfen, potenzielle Probleme in Ihrer App schnell zu erkennen.

Um alle Metriken und Daten für eine bestimmte Ablaufverfolgung anzuzeigen, klicken Sie auf den Ablaufverfolgungsnamen in der Ablaufverfolgungstabelle. In den folgenden Abschnitten dieser Seite finden Sie weitere Einzelheiten.

Weitere Daten für eine bestimmte Ablaufverfolgung anzeigen

Die Leistungsüberwachung bietet eine Fehlerbehebungsseite in der Firebase-Konsole, die Metrikänderungen hervorhebt, sodass Sie die Auswirkungen von Leistungsproblemen auf Ihre Apps und Benutzer schnell beheben und minimieren können. Sie können die Seite zur Problembehandlung verwenden, wenn Sie Informationen zu potenziellen Leistungsproblemen erhalten, z. B. in den folgenden Szenarien:

  • Sie wählen relevante Metriken auf dem Dashboard aus und stellen ein großes Delta fest.
  • In der Ablaufverfolgungstabelle sortieren Sie, um die größten Deltas ganz oben anzuzeigen, und Sie sehen eine signifikante prozentuale Änderung.
  • Sie erhalten eine E-Mail-Benachrichtigung, die Sie über ein Leistungsproblem informiert.

Sie können auf folgende Weise auf die Fehlerbehebungsseite zugreifen:

  • Klicken Sie im Metrik-Dashboard auf die Schaltfläche Metrikdetails anzeigen.
  • Wählen Sie auf einer beliebigen => Details anzeigen aus . Auf der Fehlerbehebungsseite werden Informationen zu der ausgewählten Metrik angezeigt.
  • Klicken Sie in der Ablaufverfolgungstabelle auf einen Ablaufverfolgungsnamen oder einen beliebigen Metrikwert in der Zeile, die dieser Ablaufverfolgung zugeordnet ist.
  • Klicken Sie in einer E-Mail-Benachrichtigung auf Jetzt untersuchen .

Wenn Sie in der Trace-Tabelle auf einen Trace-Namen klicken, können Sie einen Drilldown zu relevanten Metriken durchführen. Klicken Sie auf die Schaltfläche Filter , um die Daten nach Attributen zu filtern, zum Beispiel:

ein Bild von Firebase Performance Monitoring-Daten, die nach Attributen gefiltert werden
  • Filtern Sie nach Seiten- URL , um Daten für eine bestimmte Seite Ihrer Website anzuzeigen
  • Filtern Sie nach effektivem Verbindungstyp , um zu erfahren, wie sich eine 3G-Verbindung auf Ihre App auswirkt
  • Filtern Sie nach Land , um sicherzustellen, dass sich Ihr Datenbankstandort nicht auf eine bestimmte Region auswirkt

Zeigen Sie alle gesammelten Metriken für eine Ablaufverfolgung an

Sobald Sie auf eine Ablaufverfolgung klicken, können Sie einen Drilldown zu interessanten Metriken durchführen:

  • Netzwerkanforderungs-Traces – Die verfügbaren Metrik-Registerkarten sind Antwortzeit und Antwortnutzlastgröße .
  • Ablaufverfolgungen für benutzerdefinierten Code – Die Registerkarte „ Dauermetrik “ ist immer verfügbar (die Standardmetrik für diese Art von Ablaufverfolgung). Wenn Sie benutzerdefinierte Metriken zu einem benutzerdefinierten Code-Trace hinzugefügt haben, werden diese Metrik-Registerkarten ebenfalls angezeigt.
  • Seitenladespuren – Die verfügbaren Metrik-Registerkarten umfassen First Paint , First Contentful Paint , First Input Delay und DOM-bezogene Ereignisse.

Detaillierte Informationen zu den Daten anzeigen

Sie können die Daten nach Attributen filtern und segmentieren oder auf klicken, um die Daten im Kontext einer App-Nutzungssitzung anzuzeigen.

Um beispielsweise zu verstehen, warum Ihre letzte Netzwerkantwortzeit langsam ist und ob ein Land die Leistung beeinträchtigt, gehen Sie folgendermaßen vor:

  1. Wählen Sie Land aus der Dropdown-Liste der Attribute aus.
  2. Sortieren Sie in der Tabelle nach dem neuesten Wert, um die Länder anzuzeigen, die die größten Auswirkungen auf die Antwortzeiten Ihres Netzwerks haben.
  3. Wählen Sie die Länder mit den größten aktuellen Werten aus, um sie in der Grafik darzustellen. Bewegen Sie dann den Mauszeiger über die Zeitleiste in der Grafik, um zu erfahren, wann sich die Antwortzeiten der Netzwerke in diesen Ländern verlangsamt haben.
  4. Um die Ursachen für Probleme mit der Netzwerkantwortzeit in bestimmten Ländern weiter zu untersuchen, fügen Sie Filter für diese Länder hinzu und fahren Sie mit der Untersuchung anderer Attribute fort (z. B. Funkgerätetypen und Geräte).