#Performance Analysis

This section guides you through performance analysis methodologies, from diagnosing rendering latency and instrumenting business logic to optimizing page fluency and memory usage, enabling comprehensive smoothness and stability improvements.

#Rendering Latency Analysis

#Record Trace data

Use Devtool to record Trace data. The Trace is presented on a timeline, capturing the full Lynx rendering pipeline, which lays the foundation for subsequent analysis.

#Analyze rendering latency

On the Rendering-time analysis page, combine Trace data to review first-frame rendering and page update flows, pinpoint time-consuming stages and performance bottlenecks along the rendering path. The NativeModule invocation page explains the complete execution flow of NativeModule calls to help you analyze them efficiently.

#Add custom instrumentation

Trace allows developers to add custom Trace instrumentation. Insert Trace events into key business flows, component lifecycles, and asynchronous tasks to visualize them on the Trace UI timeline, enabling precise tracking and localization of potential bottlenecks.

#Memory Analysis

The Memory analysis page describes how to use Trace and IDE tools to analyze memory peaks, growth trends, and abnormal leaks, helping developers discover and fix memory issues early to improve application stability.

#Fluency

The Fluency analysis page explains how to analyze dropped frames and jank, enabling developers to quickly locate and optimize page interaction performance.

#Bundle Size

The Bundle size page explains why output size matters for startup, how to analyze it with Rsdoctor and the rspeedy-bundle-size skill, and the common levers for reducing it.