AoT and the New Angular Compiler

on YouTube ↗32m

" summary

Demonstrates using ngc and the Angular CLI with --prod --aot plus source-map-explorer to shrink a default app: bundle drops from ~300KB to 182KB and simulated mobile load time falls from ~5.5s to ~1.65s. Shows ngfactory output: a three-line template becomes ~100 lines of optimized DOM-creation and change-detection code, with compile-time type checks (example: multiplying a string title yields a TypeScript error). Notes renderer indirection still exists but AOT removes the runtime compiler and materially improves performance.

AI-written summary · about

" chapters (7)

1. 0:00Speaker introduction
2. 3:06Shrinking Angular bundle
3. 11:21Ahead-of-time compilation
4. 16:28Why Angular needs a compiler
5. 20:27Inside the Angular compiler
6. 27:45Renderer and performance
7. 30:59Future of Angular performance

" related talks

• 27mDemystifying Ahead-Of-Time compilation in AngularWassim Chegham · NG-NL 2017
• 01h 55mDiY Angular CompilerUri Shaked · ng-conf 2017
• 18mMad science with the Angular CompilerMinko Gechev · ng-conf 2017
• 19mThe Angular Compiler 4.0Tobias Bosch · ng-conf 2017
• 01h 13mInternals of the Angular CLIMinko Gechev · HolyJS Piter 2020
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 16mBest PracticesStephen Fluin · ng-conf 2017
• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018