Tools for Fast Angular Applications

on YouTube ↗20m

" summary

Shows concrete speed wins: differential loading emits ES5 and ES2015 bundles so modern browsers avoid ~65 KB of polyfills and often shrink execution cost by 2–10%; component and route splitting with lazy loading and tiny modules like ng-explodable (~2.2 KB) reduce initial bytes; prefetch strategies (IntersectionObserver/QuickLink, preloadAll and predictive prefetching via Google Analytics + Markov/RNN) cut perceived latency; performance budgets make builds fail if bundle limits exceed thresholds; Angular CLI wires automated deploys (angularfire → Firebase) so the optimized build actually ships.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 5:56Differential loading with Angular CLI version 8
3. 7:09Code splitting could be
4. 9:28Route-based code splitting in version 8
5. 11:41Prefetching strategies
6. 12:49Prefetch visible links
7. 19:19Summary

" related talks

• 22mBuilding Fast Angular Applications from EndMinko Gechev · JSNation 2019
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 45mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Jfokus 2019
• 54mBuilding Fast Angular Applications by DefaultMinko Gechev · JS Fest 2019 Spring
• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018
• 17mRethinking Angular Architecture & PerformanceMark Pieszak · NG Poland 2020
• 41mState of AngularSimona Cotin · Voxxed Days Ticino 2023
• 28mDebugging the Performance of 4,860 Angular AppsStephen Fluin · ngVikings 2020