Создание и сравнение снимков кучи
Находите удерживаемые объекты и источники утечек, сравнивая снимки кучи в инспекторе.
«Создание и сравнение снимков кучи» — бесплатный урок Node.js Backend Development Bootcamp на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Node.js Backend Development Bootcamp, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Node.js Backend Development Bootcamp содержит 4 уроков всего.
Части этого урока еще не переведены и отображаются на английском.
Why Heap Snapshots Matter
A heap snapshot is a complete dump of every JavaScript object alive in V8 at the moment you capture it. For a Node.js backend, it is the single most precise tool for answering one question: what is still being retained, and why?
- A leaking process keeps allocating objects that never get garbage-collected because something is still holding a reference.
- One snapshot tells you what exists now; comparing two snapshots over time tells you what is growing — which is the actual leak signal.
In this lesson you will capture snapshots from a running Node service, load them into Chrome DevTools, diff them, and read the retainer chain back to the offending code.
Exposing the Inspector
To capture snapshots from a real service you first attach the V8 inspector. Start the process with --inspect so DevTools (or the inspector protocol) can connect.
node --inspect server.jsopens the inspector on127.0.0.1:9229.- Open
chrome://inspectin Chrome, click inspect on your target, then go to the Memory tab. - Never bind the inspector to a public interface in production — it grants full code execution.
The snippet below is the exact CLI invocation you would script in your start command.
// package.json scripts
{
"scripts": {
"debug": "node --inspect=127.0.0.1:9229 server.js",
"debug:brk": "node --inspect-brk server.js"
}
}Capturing a Snapshot Programmatically
You cannot always open DevTools against a production box. The built-in v8 module can write a .heapsnapshot file to disk on demand, which you later load into DevTools offline.
v8.writeHeapSnapshot(filename)serializes the entire heap synchronously.- Trigger it from a signal handler or an internal admin route so you can grab snapshots without restarting.
This program is fully standalone — it writes a snapshot and exits.
const v8 = require('v8');
const path = require('path');
function takeSnapshot(label) {
const file = path.join(process.cwd(), `heap-${label}-${Date.now()}.heapsnapshot`);
const written = v8.writeHeapSnapshot(file);
console.log('Snapshot written to', written);
return written;
}
takeSnapshot('baseline');Triggering Snapshots on a Signal
A common production pattern is to listen for an OS signal and dump a snapshot without touching the running service. You send kill -USR2 <pid> and the process writes a file.
SIGUSR2is conventionally free for app use (Nodemon uses it for restarts, so pick another if you run Nodemon).- Always force a GC consideration in mind: snapshots include unreachable objects until the next GC, so capture after the heap settles.
const v8 = require('v8');
process.on('SIGUSR2', () => {
const file = `heap-${process.pid}-${Date.now()}.heapsnapshot`;
v8.writeHeapSnapshot(file);
console.log('Heap snapshot captured:', file);
});
console.log('Send: kill -USR2', process.pid);
setInterval(() => {}, 1 << 30);The Three-Snapshot Technique
A single snapshot is noisy — it contains everything, including legitimate long-lived caches. The classic leak-hunting recipe is the three-snapshot technique:
- Snapshot 1 — baseline, right after warm-up.
- Exercise the suspect code path many times (e.g. hit an endpoint 1,000 times).
- Snapshot 2 — after the workload.
- Run the workload again, then take Snapshot 3.
Objects that appear in Snapshot 2 and persist into Snapshot 3 are the real leak — transient request objects will have been collected by then.
Forcing GC for Clean Snapshots
DevTools automatically runs a full GC before each snapshot, so what you see is truly reachable memory. When capturing programmatically you should do the same to avoid counting garbage that is about to disappear.
- Run Node with
--expose-gcto makeglobal.gc()available. - Call
global.gc()twice before snapshotting — the second pass cleans up objects freed during the first.
// run with: node --expose-gc snapshot.js
const v8 = require('v8');
function cleanSnapshot(label) {
if (global.gc) {
global.gc();
global.gc();
}
return v8.writeHeapSnapshot(`heap-${label}.heapsnapshot`);
}
console.log(cleanSnapshot('after-gc'));Reading the Summary View
Load a .heapsnapshot into DevTools Memory tab. The default Summary view groups objects by constructor.
- Objects Count — how many live instances of that constructor exist.
- Shallow Size — memory held by the object itself, excluding what it references.
- Retained Size — memory that would be freed if this object were deleted, including everything only it keeps alive. This is the number that matters for leaks.
Sort by Retained Size descending to find the objects that dominate the heap.
Comparison View: Diffing Two Snapshots
The real power is the Comparison view. After loading two snapshots, switch the dropdown from Summary to Comparison and pick the baseline as the comparison base.
- #New — objects allocated since the baseline.
- #Deleted — objects collected since the baseline.
- #Delta — net change. A constructor with a large positive delta that keeps growing across diffs is your leak.
- Size Delta — net retained bytes added.
Focus on positive deltas whose count rises in lockstep with your workload iterations.
Building a Reproducible Leak
To practice the workflow, you need a deterministic leak. A module-level array (or Map) that you keep pushing into — and never clear — is the canonical example. Each request appends data that can never be collected.
- The
leakedarray is reachable from the module scope, so V8 must keep every entry. - In DevTools this shows up as a growing
(array)or your closure constructor with a rising delta.
This standalone program leaks on purpose and prints heap growth.
const leaked = [];
function handleRequest(i) {
// Bug: we never remove old entries
leaked.push({ id: i, payload: 'x'.repeat(1024), ts: Date.now() });
}
for (let i = 0; i < 5000; i++) handleRequest(i);
const mb = process.memoryUsage().heapUsed / 1024 / 1024;
console.log('Entries retained:', leaked.length);
console.log('Heap used (MB):', mb.toFixed(1));Following the Retainer Chain
Once a suspicious constructor is found, click it to expand instances, then inspect the bottom Retainers pane. Retainers answer the only question that matters: who is holding this object alive?
- The chain reads from the object up to a GC root (the global object, a module closure, a still-pending Promise, an active timer, etc.).
- A yellow-highlighted node is reachable directly from a JS variable; red marks a detached DOM-style node (rare in Node).
- Follow the chain until you recognize your variable — that is the line of code to fix.
Closures over large scopes, unbounded caches, and EventEmitter listeners that are never removed are the usual culprits.
const EventEmitter = require('events');
const bus = new EventEmitter();
// Leak: a new listener per call, never removed
function subscribe(userId) {
const bigContext = { userId, cache: new Array(10000).fill(userId) };
bus.on('tick', () => bigContext.cache[0]);
}
for (let i = 0; i < 200; i++) subscribe(i);
console.log('Listener count:', bus.listenerCount('tick'));Confirming the Fix With a Final Diff
After patching the leak, prove it with the same three-snapshot ritual. Re-run the identical workload and diff baseline against the post-workload snapshot.
- The previously growing constructor should now show a delta near zero — allocations and collections balance out.
- Use a
WeakMapor a bounded LRU cache so entries become eligible for GC when no longer referenced. - Automate a guardrail: assert that
heapUsedafter GC stays under a threshold across N iterations in a soak test.
const cache = new WeakMap();
function attach(req) {
// Keyed by the request object; entry is collectable once req is gone
cache.set(req, { processedAt: Date.now() });
}
let req1 = { id: 1 };
attach(req1);
console.log('Has entry:', cache.has(req1));
req1 = null; // now eligible for GC; WeakMap will not retain it
console.log('Reference dropped — entry can be collected');Quick Check
You take three heap snapshots using the standard leak-hunting technique. Which objects are the strongest evidence of a real memory leak?
Recap
You now have a complete heap-snapshot leak-hunting workflow for Node.js backends:
- Capture snapshots via
--inspect+ DevTools,v8.writeHeapSnapshot(), or aSIGUSR2handler in production. - Force GC (
--expose-gc, doubleglobal.gc()) so snapshots reflect only reachable memory. - Use the three-snapshot technique to separate real leaks from transient allocations.
- In the Comparison view, hunt rising #Delta counts; sort by Retained Size.
- Follow the retainer chain to the GC root to find the exact variable at fault — usually an unbounded cache, a lingering closure, or an unremoved listener.
- Confirm the fix with another diff showing a flat delta; prefer
WeakMapor bounded caches.
Часто задаваемые вопросы
Урок «Создание и сравнение снимков кучи» бесплатный?
Да — полный текст урока «Создание и сравнение снимков кучи» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Node.js Backend Development Bootcamp, подпишись на CoddyKit PRO. Курс Node.js Backend Development Bootcamp содержит 4 уроков всего.
Чему я научусь в уроке «Создание и сравнение снимков кучи»?
Находите удерживаемые объекты и источники утечек, сравнивая снимки кучи в инспекторе. Ты практикуешь Node.js Backend Development Bootcamp с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Node.js Backend Development Bootcamp?
Предыдущий опыт не требуется. Node.js Backend Development Bootcamp на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Создание и сравнение снимков кучи»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Node.js Backend Development Bootcamp?
Да. Каждый урок Node.js Backend Development Bootcamp включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Куча V8, поколенческая сборка мусора и время жизни объектов
- Создание и сравнение снимков кучи
- Профилирование CPU и пламенные графики для горячих участков
- Обнаружение и устранение распространённых шаблонов утечек