Compilers: The New Frontier In Web Performance

on YouTube ↗28m

" summary

Claim: compiling declarative templates to a binary format cuts browser parse and compile cost. Evidence: templates make up 25–40% of Ember apps, a contrived benchmark uses 50 article components with a 5× CPU slowdown and shows the Glimmer VM produces much lower parse/compile time than React/Preact. Implementation details: templates compile to numeric opcodes executed by a VM, parts are rewritten in Rust and emitted as Glimmer VM + WebAssembly. LinkedIn rebuilt its feed in Preact and Glimmer and finds Glimmer slightly faster.

AI-written summary · about

" chapters (22)

1. 0:00Introduction
2. 0:53What is a compiler
3. 1:50Browser compilers
4. 2:10Douglas Crockford
5. 2:25Yui Compressor
6. 3:20ES4 Death
7. 4:10The Enlightenment
8. 5:10Javascript
9. 5:38Closure Compiler
10. 7:06Modern Compilers
11. 7:18JavaScript Abuse
12. 8:07ParseCompile
13. 9:09Ember
14. 10:32Vue Angular
15. 11:09Typed Array
16. 13:57How do we do this
17. 14:50Compiler
18. 16:45Execution
19. 19:58WebAssembly
20. 20:26WebAssembly in the Glimmer VM
21. 22:29Conclusion
22. 23:10Mr Crab

" related talks

• 32mCompilers: The Next Frontier in Web PerformanceChad Hietala · JSConf US 2018
• 28mLa nouvelle vagueSunil Pai · ReactEurope 2017
• 33mSecrets of the Glimmer VMTom Dale · ReactiveConf 2017
• 41m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · Codemotion Amsterdam 2018
• 29mThe Return of 'Write Less, Do More'Rich Harris · JSCamp Barcelona 2019
• 59mClosing KeynoteAaron Patterson · RailsConf 2019
• 35mThe Future Of Templating In EmberChad Hietala · EmberFest 2018
• 34mPanel Discussion: Browsers & WasmAdam Klein, Bailey Elizabeth Hayes, Ryan Hunt, Conrad Watt, David Degazio · WasmCon 2023