B.L.A.Z.I.N.G. - 7 core principles of fast Angular application
summary
Asserts that performance budget beats raw bundle size and names Core Web Vitals (LCP FID CLS) as targets, shows lazy loading with LCP-aware eager images and fetchpriority, lists Angular checklist items (bundling, service workers, pure pipes), advocates running Lighthouse on a production ng build served via a simple HTTP server (dev server on :4200 gives ~15s worst-case results), explains moving work outside the zone to cut change detection, and uses preload prefetch preconnect and Ivy in a live build demo that succeeds.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:59Budget in performance
- 5:30Lazy loading resources
- 7:59Angular checklist
- 9:23Zone optimization
- 11:27Iframes and browser handling
- 12:10Non-blocking resources
- 15:41Preloading resources
- 17:09Live demo and tooling
- 20:01Summary
related talks
17mRethinking Angular Architecture & Performance
20mTools for Fast Angular Applications
43mCore Web Vitals: How to make your angular app feel like a dream
27mAngular Performance and Core Web Vitals in 2024
32mProfiling Bootstrap Performance of Angular Apps
31mOptimized Angular apps: smaller, faster, better
40mOptimized Angular Apps: Smaller, Faster, Better
42mLazy, but Fast: How Taking It Slow Can Speed Up Your App!