
Мы все уже в значительной степени знаем, что такое утечка памяти, и тот факт, что она влияет на производительность и может быть сложно исправить.
Они могут возникать, когда код JavaScript приложения сохраняет в памяти все больше и больше объектов, которые ему больше не нужны, вместо того, чтобы отправлять их браузеру для сборки мусора (GC).
В случае долго работающих приложений небольшие утечки памяти всего в несколько килобайт могут со временем заметно снизить производительность.
Недавно технологическая компания из Редмонда создала новый инструмент «Отдельные элементы» для выявления проблем и предотвращения утечек.
Отладка утечки памяти еще никогда не была такой простой
Microsoft объяснил как работает инструмент "Отдельные элементы", и дал соответствующее краткое изложение для всех, кто интересуется этой темой.
По сути, этот новый инструмент поможет вам исследовать и устранить утечки памяти DOM, и, по словам технического гиганта, он вдохновлен отделом Microsoft Teams.
Прежде чем опробовать этот новый инструмент на собственном веб-контенте, важно понять некоторые нюансы между отсоединенными элементами и утечками DOM.
Обычно Microsoft создает узлы DOM в JavaScript, чтобы вставить их где-нибудь на странице и отобразить.
Однако также можно создавать узлы и никогда не присоединять их, не удалять узлы со страницы и сохранять ссылки на них в JavaScript.

При желании вы можете проверить возможности нового инструмента в демонстрационном приложении. на GitHub. Это позволит вам смоделировать утечки памяти и увидеть, где может пригодиться утилита Detachable Elements.
Имейте в виду, что Microsoft призывает всех, кто интересуется ее новым творением, протестировать инструмент в реальных сценариях, чтобы обнаружить любые потенциальные проблемы.
И если вы также хотите предоставить столь необходимую обратную связь, вы можете сделать это с помощью кнопки обратной связи DevTools или, альтернативно, отправив твиты на Аккаунт Edge DevTools в Twitter.
В восторге от этого нового набора инструментов? Поделитесь с нами своими мыслями в разделе комментариев ниже.