You get four sub-tools to examine aspects of the profile in more detail:
the Allocations view shows the heap allocations made by your code over the course of the recording. This view only appears if you checked “Record Allocations” in the Performance tool settings.
Components of the Performance tool¶
- Frame rate
Understand your site’s overall responsiveness.
- Call Tree
See the allocations made by your code over the course of the recording.
Understand the work the browser’s doing as the user interacts with your site.
- Flame Chart
- Animating CSS properties
Uses the Waterfall to understand how the browser updates a page, and how animating different CSS properties can affect performance.