It’s #FrontendFriday – Firebase Performance & Analytics
Herzlich willkommen zum heutigen FrontendFriday! In unserer Firebase-Reihe schauen wir uns heute an, wie wir mobile Apps oder Websites messen und diese dann optimieren können.
Wichtige Funktionen
Bevor wir eintauchen, listen wir die Schlüsselfunktionen von Firebase Performance & Analytics auf, um zu sehen, was sie bieten und wie wir sie nutzen können:
Firebase Performance
- Automatische Erfassung der Startzeit von Apps, HTTP-Anfragen und Netzwerkanfragen.
- Sie erkennt Bereiche in der App, die für eine bessere Leistung optimiert werden können.
- Ermöglicht die Auswahl, wann bestimmte Szenarien in der App aufgezeichnet werden sollen.
- Überwacht wichtige Veränderungen in der App-Leistung.
Firebase (Google) Analytics
- Ermöglicht unbegrenzte Berichterstattung für bis zu 500 benutzerdefinierte Ereignisse.
- „Audience Segmentation“ – Sie können auswählen, von welchen Nutzern die Daten analysiert werden sollen.
Wie funktioniert das?
Nachdem wir uns mit den Schlüsselfunktionen vertraut gemacht haben, betrachten wir genauer, was diese Dienste bieten.
Firebase (Google) Analytics
Die Integration ist relativ einfach. Sobald Sie das Firebase SDK einbinden und verwenden, startet die automatische Datenerfassung.
Um Daten oder Ereignisse zu senden, müssen Sie in der Software ein Ereignis erstellen. Dies kann folgendermaßen geschehen:
import { getAnalytics, logEvent } from "firebase/analytics";
const analytics = getAnalytics();
logEvent(analytics, 'notification_received');
Nachdem Sie die Ereignisse implementiert haben, erfasst das System die Daten entsprechend und zeigt sie in der Firebase-Konsole an. Diese Daten können auch in anderen Diensten wiederverwendet werden, wie beispielsweise:
- BigQuery: Hier können die Daten einfach aufbereitet und exportiert werden.[3]
- Crashlytics: Diese Funktion ermöglicht das Sammeln von Fehlern und die automatische Erstellung von Absturzberichten mit Informationen wie Datum und Softwareversion. [5]
- FCM (Firebase Cloud Messaging): Analytics erfasst auch Daten über Push-Benachrichtigungen oder allgemeine Benachrichtigungen, die über FCM gesendet werden [4]
Firebase Performance
Wie bei Firebase Analytics beginnt die Überwachung der Leistung sofort, sobald das Firebase Performance SDK eingebunden ist. Standardmäßig werden folgende Prozesse bewertet:
- App-Startzeit für Apple- und Android-Apps
- Bildschirmanzeige für Apple- und Android-Apps
- Laden von Seiten für Web-Apps
- Netzwerkanfragen für alle Arten von Apps
Selbstverständlich können Sie auch benutzerdefinierte Prozesse definieren, die überwacht werden sollen. Als Beispiel zeigen wir hier, wie Sie das Starten und Stoppen eines solchen Prozesses steuern können:
// Fügen Sie das Performance Monitoring-Modul zu Ihrem Header hinzu
import FirebasePerformance
// Starten Sie den Trace
let trace = Performance.startTrace(name: "BENUTZERDEFINIERTE_SPUR_BEZEICHNUNG")
// Hier steht der Code, den Sie verfolgen möchten
// Stoppen Sie den Trace
trace.stop()Wann sollten Sie Firebase Analytics und Firebase Performance verwenden?
- Verwenden Sie Firebase Analytics von Anfang an, um Benutzerinteraktionen und Trends zu verfolgen, sobald Ihre App oder Website veröffentlicht ist.
- Firebase Performance sollte von Anfang an in Ihre Entwicklungsprozesse integriert werden, um die Anwendungsleistung während der Entwicklung zu überwachen und sicherzustellen, dass die Anwendung von Anfang an reibungslos funktioniert.
- Beide Tools sind äußerst nützlich für kleine und große Projekte, da sie kontinuierliche Einblicke und Optimierungsmöglichkeiten bieten.
Fazit
Firebase Analytics ermöglicht es, das Nutzerverhalten und die Performance einer App oder Website zu verfolgen und detaillierte Einblicke in die Interaktionen der Benutzer zu gewinnen.
Firebase Performance ermöglicht die Überwachung der Leistung der Anwendung, um Engpässe und Probleme schnell zu identifizieren.
Insgesamt bieten Firebase Analytics und Firebase Performance wertvolle Werkzeuge, um den Erfolg Ihrer digitalen Projekte zu steigern und eine herausragende Benutzererfahrung sicherzustellen.
[2]: https://firebase.google.com/docs/perf-mon?authuser=0&hl=de
[3]: https://www.whizlabs.com/blog/wp-content/uploads/2021/08/What-is-BigQuery.png
[4]: https://1.bp.blogspot.com/-6jV9m0dkLes/YVNpwXg269I/AAAAAAAAF3U/fMw0KE3jMD42Hi15esUnqdrzw14tySEHwCLcBGAsYHQ/s0/FB%2BBLOG%2B2%2BREDO.png
[5]: https://levelup.gitconnected.com/how-to-add-firebase-crashlytics-to-your-ios-app-e1bdef983297
