High-Performance Applications with Angular
summary
Claims concrete improvements: replace template methods with pure pipes to stop a function running 20+ times per render, prefer input setters over ngOnChanges to avoid extra callbacks, debounce frequent events, use lodash-decorators memoize for repeated-argument calls, apply OnPush strategy, detach components and call changeDetectorRef.detectChanges locally, run polling with runOutsideAngular or set NgZone to noop and call ApplicationRef.tick to control repainting, demo app shows two branches (before/after) with visible runtime speedups toward 60fps.
AI-written summary · about
chapters (10)
- 0:00Start
- 4:572 PHASES OF CHANGE DETECTION
- 5:23ANGULAR VIEWS
- 6:49REFERENCE TO THE VIEW
- 7:08CHANGE DETECTOR
- 7:30DETECT CHANGES
- 11:05RENDERING TIME
- 12:04OPTIMIZING CALLBACKS
- 16:23USE INPUT SETTERS
- 16:34PREVENT UNNECESSARY CALLBACKS
related talks
31mAngular Performance: Your App at the Speed of Light
40mOptimizing an Angular application
23mPerformance optimizations in Angular
45mOptimized Angular apps: smaller, faster, better
19mAngular Performance Patterns
41mHow to Improve Angular 2 Performance?
20mFaster Angular Applications
43mAngular Performance Workshop