Jumping Feet-First into JS on Wasm

on YouTube ↗45m

" summary

Describes a JIT approach that compiles JavaScript to WebAssembly to run user scripts (e.g., Figma plugins, Shopify functions) safely in a sandbox while improving runtime performance. Covers how to implement a JS→Wasm JIT (project: wingo/wasm-jit), measured performance of that solution, and comparisons with existing runtimes like QuickJS.

AI-written summary · about

" chapters (22)

1. 0:00Introduction
2. 1:52WebAssembly overview
3. 3:35Shopify’s JS on Wasm
4. 6:01QuickJS to Wasm
5. 8:09Interpreter vs JIT issues
6. 10:39SpiderMonkey async JIT
7. 12:48SpiderMonkey on Wasm
8. 15:20Macroassembler for Wasm
9. 18:08Control graph compilation
10. 22:24Optimizing control flow
11. 26:19Performance test results
12. 27:02Cache and call issues
13. 28:49Stub compilation
14. 30:17Global register access
15. 31:41Direct calls inlining
16. 33:05Call optimization
17. 35:59Final perf vs interpreter
18. 36:42Future plans
19. 37:45Practical benefits
20. 38:29Other languages to Wasm
21. 39:32JS via C to Wasm
22. 40:15Q&A

" related talks

• 30mWhy Should You Consider JavaScript on WebAssembly?Saúl Cabrera, Angel M De Miguel Meana · OpenJS World @ Open Source Summit Europe 2023
• 29mEnter the Sandbox: JS on WasmAaron Turner · CascadiaJS 2021
• 30mWhy Should You Consider JavaScript on WebAssembly?Saúl Cabrera, Angel M De Miguel Meana · Open Source Summit Europe 2023
• 20mAdopting JavaScript on WebAssembly at ShopifySaúl Cabrera · Cloud Native Wasm Day North America 2021
• 44mJavaScript in WebAssembly? Why and HowMichael Yuan · CloudOpen @ Open Source Summit North America 2022
• 50mWeb AssemblyBrian Sletten · Developer Summit 2020
• 28mJavy: Creating a toolchain for running JavaScript on WebAssemblyJeff Charles · Wasm I/O 2023
• 13mKeynote: Wasm from the Inside Out: A Journey Through the Impact of WebAssembly in ProductionSaúl Cabrera · WasmCon 2023