Performance at Scale

on YouTube ↗35m

" summary

Shows how using Angular with OnPush change detection, provider-driven early data fetching, RxJS, and embedded views cuts initial network requests from about 15 to 1 and reduces render time from ~15s to ~1s. Demonstrates techniques like prefetching, lazy image loading, merging network calls, batching promises, and splitting work to eliminate observable-induced freezes and stop frame drops.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 1:06Project background
3. 3:40Frame drops and blocking
4. 7:58Performance optimization
5. 10:30Resource loading
6. 13:25Image handling impact
7. 16:02API request strategies
8. 18:12Removing blocking elements
9. 21:13Navigation performance
10. 23:20Quick performance tricks
11. 24:48Optimization knowledge
12. 26:12Template updates
13. 27:41Architecture changes
14. 29:05Embedded components
15. 30:31Project usage
16. 32:06Refactoring tips

" related talks

• 43mAngular Performance WorkshopManfred Steyer · NGConf 2018
• 34mHigh-Performance Applications with AngularNir Kaufman · Ng-Poland 2017
• 20mAngular Performance in the EnterpriseMinko Gechev · EnterpriseNG 2020
• 29mPartially Zoneless - Performance tunning without Big Bang RefactoringsMichael Hladky · NG-DE Conference 2022
• 31mAngular Performance: Your App at the Speed of LightChristian Liebel · NG-DE Conference 2019
• 20mThrough the Sound Barrier: High-Performance Apps with AngularManfred Steyer · ng-europe 2018
• 40mOptimizing an Angular applicationMinko Gechev · NGConf 2018
• 40mNon-trivial optimization techniques in AngularMichael Hladky · Armada JS 2023