Angular Performance Workshop
summary
Covers concrete Angular performance techniques: enabling OnPush change detection and passing immutable object references to reduce change-check work, splitting the app into lazy-loaded modules and smaller bundles to speed startup, and using AOT/prod builds plus service-worker caching and server-side rendering to cut time-to-first-paint below a 500 ms target. Demonstrates these approaches on a sample app with before-and-after bundle sizes, CPU traces, and end-to-end demos to show the techniques actually work.
AI-written summary · about
chapters (10)
- 0:00Angular Performance intro
- 2:17Lazy loading modules
- 9:53Offloading demos
- 17:25JS compilation JIT
- 23:40Bundle analysis prod
- 26:04Service workers caching
- 31:29SSR faster startup
- 36:13SSR in practice
- 39:56Quick Angular wins
- 41:11Conclusion
related talks
23mAngular optimization tips and tricks
31mOptimized Angular apps: smaller, faster, better
31mAngular Performance: Your App at the Speed of Light
45mOptimized Angular apps: smaller, faster, better
20mThrough the Sound Barrier: High-Performance Apps with Angular
40mOptimized Angular Apps: Smaller, Faster, Better
12mAngular performance pitfalls and how to avoid them
47mAngular and performance