Rise of the Web Workers
summary
Claim: moving React's reconciliation into a Web Worker with a react-worker proxy DOM shifts scripting off the UI thread and noticeably raises frame rates. Measured on DB monster the main thread drops long frames (frame rate ~27 → 33–45 fps) and JS time dominates (≈35 ms) while render/paint stays <3 ms. Uses automated benchmarking with browserpuff, experiments with transferables, batching, protocol buffers then SuperPack but finds JSON.stringify fastest; events require hacks; prototype mostly works.
AI-written summary · about
chapters (13)
- 0:00Intro
- 1:59History
- 5:02Measuring Performance
- 6:39MVC
- 7:43Rail Model
- 10:21Web Workers
- 12:03DOM Reconciliation
- 14:10Demo
- 20:29Communication
- 23:52Angular
- 24:54Events
- 27:37Intersection Observer
- 29:43Conclusion
related talks
30mBuild Snappier Apps with React and Web Workers
36mMultithreading in React: A guide to Web Workers
19mLet the Main Thread Breathe!
34mJavaScript Concurrency and the DOM
13mHow to Use Web Workers for Fun and Profit
29mParallel computing in ReactJS: Provide a pleasant user experience
34mParallel computing in React
47mAdventures in Rendering Off the Main Thread