Performance Tab

The Performance tab shows a flame graph of the creation time for your components. Look at longer and deeper portions of the graph for potential performance bottlenecks.
Performance tab

Record Performance Data

Use the Record Record icon, Clear Clear icon, and Show current collected Show current collected icon buttons to gather performance data about specific user actions or collections of user actions.

  1. To start gathering performance data, press Record icon.
  2. Take one or more actions in the app.
  3. To stop gathering performance data, press Stop Recording icon.

The flame graph for your actions displays. To see the graph before you stop recording, press the Show current collected icon button.

See More Performance Details for a Component

Hover over a component in the flame graph to see more detailed information about that component in the bottom-left corner. The component complexity and timing information can help diagnose performance issues.
This measure... Is the time it took to complete...
Self time The current function. It excludes the completion time for functions it invoked.
Aggregated self time All invocations of the function across the recorded timeline. It excludes the completion time for functions it invoked.
Total time The current function and all functions that it invoked.
Aggregated total time All invocations of the function across the recorded timeline, including completion time for functions it invoked.
Component performance details

Narrow the Timeline

Drag the vertical handles on the timeline to select a time window to focus on. Zoom in on a smaller time window to inspect component creation time for potential performance hot spots.

Narrow the timeline