Memory Don't Forget To Take Out The Garbage
summary
Explains how JavaScript actually reclaims memory: new objects go into a young generation with minor garbage collection ~1 ms and surviving pages move to an old generation handled by mark‑sweep/compact; marking can pause apps up to ~100 ms so V8 concurrent marking 70–80% reduces pauses. Gives measurable heuristics—Hello World ≈100 MB, JS heap ≈3 KB, crowded page ~500 MB—and shows practical diagnostics and fixes using Chrome DevTools: task manager, performance graphs and memory snapshots to find globals, timers, listeners and detached DOM nodes.
AI-written summary · about
chapters (28)
- 0:00Introduction
- 0:36About Katie
- 1:20Memory is important
- 3:28What is memory
- 5:20Heaps
- 5:54Variables
- 6:07Memory
- 7:12Scopes
- 8:39Garbage Collection
- 10:40Young Generation
- 11:28Pages
- 11:48Objects
- 14:18Major Garbage Collection
- 15:34Performance
- 16:38WebAssembly
- 17:22Unreal Engine
- 18:01Web Assembly
- 18:46Memory Problems
- 19:49Task Manager
- 20:58Hello World
- 21:35Minimum need
- 22:14Memory leaks
- 23:34Accidental Globals
- 25:58Event listeners
- 26:38orphaned DOM nodes
- 27:08memory snapshot
- 28:02summary
- 28:58stickers
related talks
21mMemory: Don't Forget to Take Out the Garbage
27mVisualised guide to memory management in JavaScript
31mJavaScript memory management: Visual Guide
23mWarp Speed Memory Management
24mTrash Talk - Understanding Memory Management
22mThe Hitchhiker's Guide to All Things Memory in JS
38mUnderstanding Memory Behavior on Nodejs
28mAlice's Adventures in Memoryland