Removing the gag from your browser
summary
Shows how to get real answers with Chrome DevTools network tab and heap snapshots: finds CSS requests taking 800ms locally and cuts them to ~20ms across six CSS files by fixing keep‑alive and CDN use; measures garbage‑collector pauses up to 700ms and a leaking case that creates ~500 detached DOM nodes before cleanup; demonstrates console.memory, CPU profiles, async/defer, minify/gzip and CDN tactics; describes an automated WebDriver-based profiler used at Atlassian that flags >200ms JS blocks and actually saved developers time.
AI-written summary · about
chapters (23)
- 0:00Intro
- 1:27History
- 3:07Performance talk
- 4:52Networks
- 5:11DNS
- 6:30Preamble
- 6:45Wireshark
- 6:55Network tab
- 15:28Network requests
- 16:55Memory usage
- 17:57Primitives
- 20:03References
- 21:20Garbage Collectors
- 22:01Mark and Sweep
- 24:32Garbage
- 26:02Boxing
- 27:16Total Functions
- 27:50Memory Leaks
- 40:42JavaScript Engines
- 41:22crankshaft
- 42:32wizards hat
- 44:52v8 info
- 53:17Outro
related talks
25mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!
40mWhy Debugging Web Performance with Chrome DevTools Is Easier Than You Think!
59mProfiling JavaScript Like A Pro
28mGetting down to brass tacks: Using chrome dev tools to level up your applications
01h 03mSpeed up your Web Application
29mHands on performance debugging with the browser in devtools
49mEffective Browser JavaScript Debugging
50mRocking Out with Browser-Based Developer tools