Maximum performance
summary
The talk explains how browser internals work and teaches concrete techniques to maximize web performance, covering rendering and painting processes needed to reach 60 FPS. It discusses measuring perceived performance, mobile performance improvements, the real impact of micro‑optimizations, and whether Web Workers help.
AI-written summary · about
chapters (18)
- 0:00Welcome
- 1:51CSS performance ghosts
- 4:00Ghost detector demo
- 8:02Optimizing JS with requestAnimationFrame
- 11:42Main thread impact
- 13:28Web Workers and parallel execution
- 14:11CPU vs GPU in painting
- 16:38Advanced Chrome DevTools
- 18:50GPU layers in real time
- 22:10Browser painting phases
- 23:37Layout recalculations
- 24:46Painting and compositing
- 25:49CSS properties for GPU layers
- 27:15Implicit compositing cost
- 28:40Optimizing CSS ghosts
- 32:07Live optimization demo
- 37:38Conclusions and thanks
- 38:21Q&A
related talks
43mMaximum performance in web browsers
47mRendering Web Performance
44mWe Are All Good with Browsers Made by Others
42mPerformance: what Happens After the Backend?
44mFast but not Furious: Debugging User Interaction Performance Issues
39mPerformance Beyond Page Load
29mThe Road to Web Performance in 3 Critical Steps
47mEvery Millisecond Counts