Rethinking Angular Architecture & Performance

on YouTube ↗17m

" summary

Argues concrete wins: run Lighthouse and webpack-bundle-analyzer, trim main bundle, lazy-load routes and tiny modules, swap Moment and lodash for lighter libs, and use CDN + gzip to halve payloads. Claims a measurable business impact — Walmart sees +1% revenue per 100ms — and demonstrates SSR tradeoffs: pre-render for cacheable pages, dynamic SSR for fresh data, plus Angular Universal’s caching to avoid flicker. Recommends ngx-quicklink, ngx-loadable and image lazy loaders and shows a foodies app where these tactics cut initial paint and TTI.

AI-written summary · about

" chapters (17)

1. 0:00Start
2. 2:42PERFORMANCE MATTERS
3. 3:50The Dream
4. 4:10WEBPACK BUNDLE ANALYZER
5. 4:34ANALYZE Webpack
6. 6:18LAXY-LOADING (ROUTES)
7. 6:38LAZY-LOADINO (ROUTES)
8. 6:54PRELOADING STRATEGIES
9. 7:32LAZY LOADING (NON-ROUTABLE)
10. 7:46LAZY LOADINO (NON-ROUTABLE)
11. 8:14FAST # 4 » DEFER IMAGE LOADING
12. 9:29CDN & COMPRESSION
13. 10:28» SERVER-SIDE RENDERING (SSR)
14. 12:07INTERACTIVE EXPERIMENT
15. 12:55INTERACTIVE Angular Server-side Rendering (SSR)
16. 14:46RESPONSIVE #6 PWA (PROGRESSIVE WEB APP)
17. 16:26ADDITIONAL RESOURCES

" related talks

• 45mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Jfokus 2019
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018
• 20mTools for Fast Angular ApplicationsMinko Gechev · ng-conf 2019
• 40mNon-trivial optimization techniques in AngularMichael Hladky · Armada JS 2023
• 21mB.L.A.Z.I.N.G. - 7 core principles of fast Angular applicationAdy Ngom · ng-conf 2022
• 22mBuilding Fast Angular Applications from EndMinko Gechev · JSNation 2019
• 27mOptimizing Angular Apps - Techniques for Performance ExcellenceSonu Kapoor · Frontend Nation 2025