From Zero to Hero - Web Performance
summary
Grabs actual numbers and fixes not slogans: measures show a cached loop dropping from ~1.7ms to ~0.079ms while micro‑optimisations often save <0.1ms; TTFB and download time visibly dominate; Chrome V8 uses hidden classes and JITs, GC has young/old generations with full cycles up to ~100ms split into ~5ms chunks; practical fixes include minify and bundle assets, use service worker caching and app‑shell, defer/async scripts, avoid reflows, and prefer GPU CSS animations over JS.
AI-written summary · about
chapters (28)
- 0:00Start
- 2:01How to speed up
- 3:25Do your own optimizations
- 3:47Caching values
- 5:22Remember your optimisations? 2nd run
- 7:34Critical Rendering Path
- 9:22Processing HTML
- 12:30Processing CSS
- 13:08Building the Render Tree
- 17:12Measuring
- 20:10Downloading files
- 26:26Service Worker
- 28:33Blockades
- 31:33Render Blocking JavaScript
- 33:21App Shell Architecture
- 36:17JavaScript Engines
- 37:18Example: V8
- 40:57Hidden Classes
- 42:06JIT Compiler
- 43:50Garbage Collection
- 48:33Repaints & Reflows
- 50:04Trigger for reflows
- 50:57Omitting reflows
- 52:23Profiling
- 53:04Memory Leaks
- 56:28JavaScript Animations
- 56:47Disadvantages
- 57:56CSS animations
related talks
01h 04mFrom Zero to Hero - Web Performance
01h 03mSpeed up your Web Application
21mState of Performance
01h 04mNeed for speed 8, performance tuning of your web application
48mThink Fast, First: Empowering a Performance Culture
36mHacking Web Performance
31mWe're All Doing the Best We Can
46mSpeed Matters: Client Side Performance Improvement Tips & Tricks