JavaScript: The V8 Engine optimization tips (...)

on YouTube ↗33m

" summary

Explains how V8 turns JS into bytecode (Ignition) and optimized machine code (Turbofan), and shows concrete effects: hidden classes make identical-shaped objects 7× faster in creation (examples: per-object times drop from ~70µs to ~5–6µs; mixed ~10µs; dynamic ~42µs), creating 10,000 objects takes ~38ms (static) vs 101ms (mixed) vs 428ms (dynamic). Covers inline caching and monomorphic/polymorphic/megamorphic behavior, that for in is 6x faster than Object.keys in V8, and that try/catch no longer blocks optimization since v8 5.8.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 1:14How JavaScript engines work
3. 3:42What is V8 engine
4. 5:51Hidden classes optimization
5. 16:31Inline optimization
6. 20:01Inline caching explained
7. 24:33For-in loop performance
8. 28:44Try-catch performance myths
9. 30:49Recap and resources

" related talks

• 29mJavaScript Engines: How Do They Even?Franziska Kinkelmann · DinosaurJS 2017
• 17mV8 engine, JS Code Interpretation, and ExecutionShahen Hovhannisyan · JS Conf Armenia 2017
• 26mPractical Optimization for V8David Manning · CascadiaJS 2014
• 23mJoin the super secret V8 club & become a JavaScriptbenderVladimir de Turckheim · CascadiaJS 2022
• 24mDemystifying V8 and JavaScript PerformanceThorsten Lorenz · NodeConf EU 2014
• 31mJavaScript Compilation Techniques or "Wasn't JavaScript supposed to be slow?"Marijn Haverbeke · JSConf US 2011
• 22mHigh Performance JS in V8Peter Marshall · NodeConf EU 2017
• 25mJavaScript engines how do they even?Franziska Hinkelmann · JSConf EU 2017