Firebase Tutorial
- Home
- Introduction
- Project Setup
- Authentication (Email/Pass)
- Social Authentication
- Cloud Firestore (Basics)
- Firestore Queries
- Real-time Updates
- Firestore Security Rules
- Cloud Storage
- Storage Security Rules
- Cloud Functions (Intro)
- Triggering Functions
- Firebase Hosting
- Firebase Analytics
- Crashlytics & Performance
- Remote Config
- App Check
- Offline Persistence
- Firebase with Next.js
- Best Practices
Crashlytics & Performance
Firebase helps you maintain a high-quality app experience by tracking crashes and monitoring performance bottlenecks across all users.
1. Firebase Crashlytics
Crashlytics provides detailed crash reports, including the exact line of code where a crash occurred. While primarily used for Mobile (iOS/Android), similar concepts apply to web error tracking.
Note: On the web, developers often use the Logging SDK or external tools alongside Firebase for detailed browser-side error reporting.
2. Performance Monitoring
Measures your app’s performance as it’s being used by your users. It automatically collects data for things like:
- LCP (Largest Contentful Paint): How long it takes for the main content to load.
- FID (First Input Delay): How responsive the page is to user interactions.
- Network Requests: How long your API calls take.
3. Using the SDK (Web)
import { getPerformance } from "firebase/performance";
const perf = getPerformance(app);Key Benefit: Performance Monitoring allows you to see real-world metrics, not just how the app performs on your development machine.