The Profiles panel lets you profile the execution time and memory usage of a web app or page. The Profiles panel includes two profilers: a CPU profiler and a Heap profiler. These help you to understand where resources are being spent, and so help you to optimize your code:
- The CPU profiler shows where execution time is spent in your page's JavaScript functions.
- The Heap profiler shows memory distribution by your page's JavaScript objects and related DOM nodes.
Follow the steps below to switch to the Profiles panel:
- Open the Developer Tools window as described in the How to Access the Developer Tools section of this tutorial.
- If it is not already selected, select Profiles.
