From the course: Creating Angular Libraries

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Optimizing slow computations

Optimizing slow computations - Angular Tutorial

From the course: Creating Angular Libraries

Start my 1-month free trial Buy for my team

Optimizing slow computations

“

- [Narrator] Change detection is at the heart of the Angular framework. You want these cycles to be fast, and you want to run them only when you need to. On every change detection cycle, Angular first evaluates the template expressions inside components. It then executes these four lifecycle hooks. A single, slow or expensive computation anywhere in the sequence can slow down the entire change detection cycle because Angular runs these checks in order. A slow computation means a slow change detection cycle, and a slow cycle means choppy and unresponsive UI for your end users. The best way to find slow and expensive computations is by using Angular DevTools, an open source browser extension maintained by the official Angular team. The profiler tab lets you visualize Angulars change detection in real time. The performance timeline right here shows you each change detection cycle as a series of columns. The taller the column, the longer that cycle took to complete. Click on any column to…

Contents