Angular Performance

Project

What the project looks like

The process of project loading

1. Major Garbage Collector

2. Minor GC

3. DOM GC

Check and Update 

Own check and update method

service.render - methods to rerender only if the properties changes.

ngrx emit - action that can provide specific behavior

CheckAndUpdateView

Services, services, services

Switch - case loader

Loading

When loading is needed

10000 items ~ 2,5 sec
30 items ~ 300 ms

Load only new chunks

Times decrease on reloading

cdRef.detectChanges()

set rerender on command from service

Parsing & optimization

parseHTML / html text

300 ms -> 80 ms

more optimization

Search for timecode

Step by step search

Object faster then array

How to decide what is faster

Unsubscribe

More info about angular performance

Angular performance

By Sergey Shalyapin

Angular performance

  • 1,024