Microsoft Edge update will help you identify the cause of browser slowdown

The Microsoft Edge team has created a new tool that will allow users to debug memory leaks in their browser to avoid slowdowns.

Memory leaks occur when an application’s JavaScript code keeps more and more objects in memory that it no longer needs instead of freeing them for garbage collection (GC). For applications that run for a long time without being closed, small memory leaks of just a few kilobytes can significantly degrade performance over time, according to a new one. blog post from Microsoft.

React, the open source JavaScript library for building front-end user interfaces, maintains a virtualized copy of the Document Object Model (DOM). However, failure to properly dismantle the components can cause an application to leak much of the virtual DOM.

Because of this, the Microsoft Edge team worked with Microsoft Teams to create the new Browser Detached Tool that allows users to investigate and fix DOM memory leaks.

Although there are valid reasons for detaching items, DOM memory leaks occur when an application keeps references to more and more detached items without subsequently reusing them. As the code used in applications increases in size and complexity, it becomes easier to make mistakes and forget to clean things up, which could lead to unknowingly keeping DOM elements in memory. .

This is particularly a problem for long lasting applications. For example, if an email client detaches DOM elements every time an email is opened and closed and a user keeps the app running for an entire week, that can represent very high usage. memory and slowing down a user’s laptop or workstation over time.

While Microsoft’s new Detached Elements tool has been available in Edge Canary since version 93, it will be rolled out to the Microsoft Edge stable channel when browser version 97 launches this month.

To quickly access this new tool, you must first open DevTools in Edge by pressing F12 and click on the gear icon to open DevTools settings. From there, go to Experiences on the left side of the Settings pane, type Detached Items and click the tool to activate it.

We also highlighted the best browser, best anonymous browser and best proxy services

Comments are closed.