About the Performance Tool UI

The UI of the Performance tool in Edge consists of the following features :

1. Record Button: To start capturing a few different aspects of your webpage’s performance, like network requests, JavaScript execution, and rendering.
2. Timeline: This is a panel that provides a high-level overview of the captured performance data.
3. Waterfall: This displays a timeline of network requests made by the webpage.
4. Call Tree: This Tree view helps you understand how JavaScript functions are executed and their impact on performance.
5. Flame Chart: The Flame Chart is a graphical representation of the call stack which shows that functions are running and how they relate to each other.
6. Memory Usage: This panel tracks the memory consumption of your webpage.
7. User Timings: It allows you to mark specific points in your code for performance measurement.

Microsoft Edge which is a web browser provides a tool called JavaScript Profiler which is used in identifying and removing bottlenecks in JavaScript code to improve the speed and responsiveness of web applications.

For example, Let’s assume you are a developer and you have a web application and JavaScript engine where you can execute JavaScript functions. Your web application has a long queue of visitors and you want to confirm you serve them quickly and efficiently. The JavaScript Profiler Tool in Microsoft Edge helps you to observe your web process and figure out some ways to make it faster. It is like an assistant that observes your App and points out which parts of the App need improvement.