Как увидеть утечку памяти в DevTools

В Chrome DevTools можно обнаружить утечки памяти через вкладку Memory:

1. Heap Snapshot - делаем снимок до и после действий, сравниваем размеры объектов.
2. Allocation instrumentation - записывает аллокации памяти в реальном времени.
3. Performance monitor - отслеживает использование памяти в процессе работы.

Пример кода с утечкой:

let leaks = [];
function createLeak() {
  leaks.push(new Array(1000000).fill('leak'));
}
// При каждом вызове createLeak() память будет увеличиваться

Признаки утечки:

• Постоянный рост памяти на графике
• Объекты, которые не удаляются после сборки мусора
• Узлы DOM, которые остаются в памяти после удаления из DOM