Through the Sound Barrier: High-Performance Apps with Angular

on YouTube ↗20m

" summary

Demonstrates concrete wins: lazy loading bundles loads feature code on demand and visibly defers payload, a demo shows a bundle fetched only when navigating; OnPush change detection reduces checks so only the updated flight component re-renders instead of all flight cards; using AOT and tree shaking cuts startup time roughly from 3s to ~1.5s in the example; the Angular build optimizer halves bundle size for an app using Angular Material; Service Worker caching and Server Side Rendering are also shown as applied techniques.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to performance
2. 2:30Lazy loading techniques
3. 5:23OnPush strategy
4. 10:22AOT and tree shaking
5. 15:06Debugging and future outlook
6. 17:50Conclusion and summary

" related talks

• 43mAngular Performance WorkshopManfred Steyer · NGConf 2018
• 20mTools for Fast Angular ApplicationsMinko Gechev · ng-conf 2019
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 17mRethinking Angular Architecture & PerformanceMark Pieszak · NG Poland 2020
• 22mBuilding Fast Angular Applications from EndMinko Gechev · JSNation 2019
• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018
• 29mOptimizing Angular 2 Apps for ProductionMarc Laval · AngularUP 2016
• 31mMobile-friendly web apps with AngularOleksandr Tryshchenko · GDG DevFest Poland 2018 in Wrocław