Angular Performance Patterns

on YouTube ↗19m

" summary

Shows how to use Angular DevTools profiler to find real slowdowns and fixes: Plotly event listeners cause zone pollution and trigger ~740 ms change‑detection frames until initialization is moved with runOutsideAngular; typing triggers redundant checks across sibling lists and gets fixed with onPush + Immutable.js refs; expensive per-item Fibonacci recalculations become a pure calculate pipe; 25 ms checks on huge lists drop to about one fifth with cdk virtual scroll.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:58Use Angular Devtools
3. 6:03Zone Pollution Pattern
4. 6:39Out of Bounds Change Detection
5. 13:03Recap
6. 13:39Recalculation of Referentially Transparent Expressions

" related talks

• 31mAngular Performance: Your App at the Speed of LightChristian Liebel · NG-DE Conference 2019
• 40mOptimizing an Angular applicationMinko Gechev · NGConf 2018
• 20mAngular Performance in the EnterpriseMinko Gechev · EnterpriseNG 2020
• 34mHigh-Performance Applications with AngularNir Kaufman · Ng-Poland 2017
• 20mFaster Angular ApplicationsMinko Gechev · ngAtlanta Conf 2018
• 23mPerformance optimizations in AngularMert Değirmenci · AngularConnect 2019
• 12mAngular performance pitfalls and how to avoid themKristiyan Kostadinov · ngVikings 2018
• 26mProfiling Angular apps like a SharkGil Fink · AngularConnect 2019