Building Fast Angular Applications from End

on YouTube ↗22m

" summary

JavaScript parsing costs are about 25× an image so the talk focuses on concrete wins: differential loading produces ES2015 and ES5 bundles and reclaims about 65 KB from polyfills and yields 0–10%+ smaller bundles depending on features; route and component code‑splitting with lazy dynamic imports is shown plus prefetch strategies — ngx quicklink for intersection‑based prefetch, and gages (analytics → Markov/RNN model) for predictive prefetching; CI performance budgets (baseline 153 KB, warn 170 KB, fail 250 KB) and automated deploy via ng deploy → Firebase are demonstrated.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 2:15Differential loading
3. 5:21Code splitting
4. 9:07Advanced prefetching
5. 15:24Performance budgets
6. 17:55Efficient deployment
7. 20:26Conclusion

" related talks

• 20mTools for Fast Angular ApplicationsMinko Gechev · ng-conf 2019
• 54mBuilding Fast Angular Applications by DefaultMinko Gechev · JS Fest 2019 Spring
• 17mRethinking Angular Architecture & PerformanceMark Pieszak · NG Poland 2020
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 28mDebugging the Performance of 4,860 Angular AppsStephen Fluin · ngVikings 2020
• 16mBest PracticesStephen Fluin · ng-conf 2017
• 20mThrough the Sound Barrier: High-Performance Apps with AngularManfred Steyer · ng-europe 2018
• 34mLazy-loading techniques beyond (Angular) routerVojtech Mašek · NG-DE Conference 2022