Optimized Angular Apps: Smaller, Faster, Better
summary
Covers concrete steps that cut load and runtime costs: using Angular CLI build-optimizer and source-map-explorer to find and shave dead code, splitting routes and libraries with lazy loading to shrink the initial bundle, switching heavy components to OnPush change detection and moving work to service worker / server rendering for offline and SSR caching. Live examples build, measure and show fewer bytes transferred and far fewer change-detection cycles.
AI-written summary · about
chapters (11)
- 0:00Optimized Angular apps
- 3:20Performance overview
- 7:45Bundles and optimizer basics
- 10:47Lazy loading
- 15:34Service workers
- 19:44Caching strategies
- 24:06XML vs JavaScript trade-offs
- 28:29Change detection
- 32:50Caching function results
- 36:32Pipe optimization
- 39:45Summary
related talks
31mOptimized Angular apps: smaller, faster, better
45mOptimized Angular apps: smaller, faster, better
20mTools for Fast Angular Applications
23mAngular optimization tips and tricks
27mOptimizing Angular Apps - Techniques for Performance Excellence
17mRethinking Angular Architecture & Performance
42mLazy, but Fast: How Taking It Slow Can Speed Up Your App!
16mBest Practices