Visualization backends are the "display layer" of Ottrelite that transform your trace data into actionable insights. They take raw performance data from your React Native app and present it in different tools and formats to help you quickly identify bottlenecks and optimization opportunities.
Backends in Ottrelite are plugins that handle how and where your tracing data is visualized. Each backend connects to different profiling tools and provides unique perspectives on your app's performance. You can use multiple backends simultaneously to get comprehensive insights from different angles.
Think of backends as different "viewers" for the same performance data - some excel at real-time analysis, others integrate with tools you're already familiar with, and some provide specialized visualizations for specific use cases.
| Backend | Package | Best For | What It Does |
|---|---|---|---|
| Platform | @ottrelite/backend-platform | System-level analysis with familiar tools | Integrates with Android Studio Profiler, Xcode Instruments, and Perfetto using native platform APIs |
| Tracy | @ottrelite/backend-wrapper-tracy | Real-time development profiling | Frame-by-frame analysis with live trace visualization, memory tracking, and cross-platform support |
Backends are designed for development use only and should not be included in production builds.
To exclude backends from production builds:
If you've created a separate optimized configuration for performance profiling (as recommended in the installation guide), make sure to include that configuration in your build-time exclusion list as well to prevent it from being shipped to production.