Ми всі майже знаємо, що таке витік пам’яті, і той факт, що вони псують продуктивність і їх важко виправити.
Вони можуть виникати, коли код JavaScript програми зберігає в пам’яті все більше і більше об’єктів, які йому більше не потрібні, замість того, щоб випустити їх для браузера для збору сміття (GC).
У випадку довготривалих програм невеликі витоки пам’яті лише в кілька кілобайт можуть з часом помітно погіршити продуктивність.
Нещодавно технічна компанія з Редмонда випустила новий інструмент Detached Elements для виявлення проблем і зупинки витоків.
Налагодження витоку пам’яті ніколи не було таким простим
Microsoft пояснив як працює інструмент «Відокремлені елементи» та надав належний опис для всіх, хто цікавиться цією темою.
За словами технічного гіганта, цей новий інструмент допоможе вам розслідувати та усунути витоки пам’яті DOM, і він натхненний відділом Microsoft Teams.
Перш ніж випробувати цей новий інструмент на власному веб-вмісті, важливо зрозуміти деякі нюанси між відокремленими елементами та витоками DOM.
Зазвичай Microsoft створює вузли DOM у JavaScript, щоб вставити їх кудись на сторінці для їх відображення.
Однак також можна створювати вузли і ніколи не приєднувати їх або видаляти вузли зі сторінки та зберігати посилання на них у JavaScript.
Якщо хочете, ви можете перевірити можливості нового інструменту за допомогою демонстраційної програми на GitHub. Це дозволить вам імітувати витік пам’яті та побачити, де стане у нагоді утиліта Detachable Elements.
Майте на увазі, що Microsoft закликає тих, хто зацікавлений у його новому створенні, випробувати інструмент у реальних сценаріях, щоб виявити будь-які потенційні проблеми.
І якщо ви також хочете надати дуже потрібний відгук, ви можете зробити це за допомогою кнопки зворотного зв’язку DevTools або, як альтернатива, кидаючи твіти на Обліковий запис у Twitter Edge DevTools.
Ви в захваті від цього нового набору інструментів? Поділіться своїми думками з нами в розділі коментарів нижче.