Benefits of the Performance Tool

The various benefits of the performance tool are:

• Resources Information: The tool gives an idea of the various resources used and their sizes on the site. These help you inspect various resources and use the information to improve performance.
• Import and export profile: You can import or export the profiling information in .json or .devtools format. This allows you to save the profile for later use and share it with others.
• Various Graphs and Views: The tab provides various pie charts, graphs, and timelines to study the performance of the web page. You can also focus on a particular section in the timeline, which helps you focus on a particular time range.
• Timeline screenshots: You also get the option to enable screenshots, which, when checked, capture screenshots during profiling and are displayed along with the timeline. You can hover over these screenshots to get a magnified view.
• Memory Information: You can check the memory option to view graphs related to the JS heap, documents, nodes, listeners, and GPU memory. This helps to check how memory usage changes over a range of timelines.

The Performance Tool in Edge provides views, graphs, charts, timelines, and various other information related to the web page’s performance. The tool records the performance and displays it in a timeline view along with various graphs, charts, and other views that can be used to inspect networks, frames, threads, etc. running on the web page. It’s an excellent visual representation of the performance of the site and the browser, which helps the developers improve their site performance for a fast and responsive user experience.