Angular optimization tips and tricks

on YouTube ↗23m

" summary

End-to-end checklist for making Angular apps fast with concrete techniques and tools: use AOT compilation and OnPush change detection to cut runtime work, split routes with lazy loading and trim bundles via webpack bundle-analyzer, add Angular Universal for SSR and a service worker for caching, and profile hotspots with Chrome DevTools and Angular DevTools to find expensive bindings and change detection cycles. Includes actionable build flags and where to measure performance.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 5:30Avoiding unnecessary computations
3. 11:00Optimizing Angular applications
4. 14:15Writing clean Angular code
5. 17:34Evaluating app performance
6. 21:05Final tips and conclusion

" related talks

• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018
• 45mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Jfokus 2019
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 43mAngular Performance WorkshopManfred Steyer · NGConf 2018
• 31mAngular Performance: Your App at the Speed of LightChristian Liebel · NG-DE Conference 2019
• 20mTools for Fast Angular ApplicationsMinko Gechev · ng-conf 2019
• 17mRethinking Angular Architecture & PerformanceMark Pieszak · NG Poland 2020
• 29mOptimizing Angular 2 Apps for ProductionMarc Laval · AngularUP 2016