Performance Tuning Secrets
summary
Browser-side profiling uses concrete tools and measurable claims: Chrome tracing and the DevTools flame chart expose thread-by-thread timings, the Telemetry framework automates timeline captures, and the chrome tracing view plus FPS meter reveal render vs JavaScript bottlenecks. V8 logs and plot-timer events show GC (scavenger vs compactor) and optimized vs deoptimized code; automated traces plus 600 fps camera video quantify rendering latency (keypress-to-paint delays). Real app data comes from projects like 100,000 lines of JavaScript Brackets and Topcoat; these techniques work and locate actionable bottlenecks.
AI-written summary · about
chapters (10)
- 0:00Introduction to tuning
- 1:49Performance challenges
- 3:30Timeline panel features
- 5:59Advanced rendering tools
- 8:09Chrome tracing internals
- 12:34High-speed camera hack
- 14:26Memory profiling
- 16:18CPU profiling methods
- 19:09V8 engine log analysis
- 26:13Strategic performance focus
related talks
28mGetting down to brass tacks: Using chrome dev tools to level up your applications
59mProfiling JavaScript Like A Pro
30mThe Chrome DevTools Performance Panel
21mState of Performance
16mJavaScript & Metaperformance
25mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!
17mVisualising Front-End Performance Bottlenecks
01h 04mNeed for speed 8, performance tuning of your web application