Angular Performance - Githubissues

kevincentius / customino-3

0 stars 0 forks source link

Angular Performance #114

Closed kevincentius closed 2 years ago

kevincentius commented 2 years ago

requestAnimationFrame triggers Angular change detection which massively hurts performance!

[x] Solved by running RAF with ngZone.runOutsideAngular(...). Significantly lower CPU usage
[x] All fast timeout loops have also been wrapped with runOutsideAngular now

Change change detection strategy in all components to ON_PUSH

[x] MainComponent
[x] RoomComponent
[x] Rule editor
[x] ...

kevincentius commented 2 years ago

All components are now using ChangeDetectionStrategy.ON_PUSH All timeout loops & non-gui timeouts are called outside of angular zone All RAF are called outside of angular zone