Performance Monitoring

React Native 6 min min read Updated: Aug 03, 2026 Intermediate
Performance Monitoring
Intermediate Topic 14 of 18

Performance Monitoring

Firebase Performance Monitoring helps you understand real-world performance characteristics of your React Native application, including network request latency and custom trace timing.

Installing Performance Monitoring

bash npm install @react-native-firebase/perf

Automatic Network Monitoring

Once installed, Firebase Performance Monitoring automatically tracks HTTP/S network request duration and success rates without requiring any additional code.

Creating a Custom Trace

javascript import perf from '@react-native-firebase/perf'; const trace = await perf().startTrace('checkout_flow'); // ... perform the checkout process await trace.stop();

Adding Custom Metrics to a Trace

javascript trace.putMetric('items_in_cart', cartItems.length); trace.putAttribute('payment_method', 'credit_card');

Measuring Screen Rendering Time

javascript useEffect(() => { const trace = perf().newTrace('product_screen_load'); trace.start(); return () => { trace.stop(); }; }, []);

Viewing Performance Data

Performance data appears in the Firebase Console’s Performance dashboard, typically within a few hours, showing trends across app versions, devices, and network conditions.

Combining with Analytics

Performance Monitoring data can be cross-referenced with Analytics events, helping correlate slow performance with specific user behaviors or drop-off points in your application.

Conclusion

Firebase Performance Monitoring provides valuable, automatic visibility into real-world network and custom trace performance, complementing Crashlytics for a complete picture of production app health.

Get Newsletter

Subscibe to our newsletter and we will notify you about the newest updates on Edugators