Обновление Microsoft Edge поможет определить причину замедления работы браузера

Легко найти утечки памяти с помощью нового инструмента Microsoft Detached Elements

Команда Microsoft Edge создала новый инструмент, который позволит пользователям отлаживать утечки памяти в браузере, чтобы предотвратить замедление работы.

Утечки памяти происходят, когда код JavaScript приложения сохраняет в памяти все больше и больше объектов, которые ему больше не нужны, вместо того чтобы освободить их для сбора мусора (GC). Для приложений, которые работают долгое время без закрытия, небольшие утечки памяти в несколько килобайт могут привести к заметному снижению производительности со временем, говорится в новом сообщении в блоге Microsoft.

React, библиотека JavaScript с открытым исходным кодом для создания фронтальных пользовательских интерфейсов, поддерживает виртуализированную копию DOM (Document Object Model). Однако неспособность правильно размонтировать компоненты может привести к тому, что приложение потеряет большие части виртуальной DOM.

По этой причине, команда разработчиков Microsoft Edge совместно с Microsoft Teams создала новый инструмент Detached Elements, который позволяет пользователям исследовать и устранять утечки памяти DOM.

Detached Elements tool

Хотя существуют веские причины для отсоединения элементов, утечки памяти DOM происходят, когда приложение сохраняет ссылки на все большее количество отсоединенных элементов, не используя их в дальнейшем. По мере увеличения размера и сложности кода, используемого в приложениях, становится проще совершать ошибки и забывать о необходимости очистки, что может неосознанно привести к сохранению элементов DOM в памяти. 

Эта проблема особенно актуальна для долго работающих приложений. Например, если почтовый клиент отсоединяет элементы DOM при каждом открытии и закрытии письма, а пользователь держит приложение запущенным в течение целой недели, это может привести к очень большому расходу памяти и со временем замедлить работу ноутбука или рабочей станции пользователя.

Хотя новый инструмент Microsoft Detached Elements был доступен в Edge Canary с версии 93, он перейдет в стабильный канал Microsoft Edge, когда версия 97 браузера будет запущена в этом месяце.

Чтобы получить доступ к новому инструменту раньше, сначала нужно открыть DevTools в Edge, нажав F12 и щелкнув на значке шестеренки, чтобы открыть настройки DevTools. Отсюда перейдите к Экспериментам в левой части панели настроек, введите Отделенные элементы и нажмите на инструмент, чтобы включить его.

Мы также выделили лучший браузер, лучший анонимный браузер и лучший прокси-сервис

.

Оставьте комментарий