Mitrevski's Blog

image

Hi, my name is Toni. Passionate Web Developer who enjoys learning new technologies, languages. Always trying to be up to date with the latest trends in IT

image

Hi, my name is Radmila. I'm Front End Developer who loves coding and bringing ideas to digital form. I love traveling and discovering new places

Boost your Angular app performance

23th of December 2020Author: toni
image

Angular is powerful and one of the best FE framework this time. But when the app starts to grow, the problems will start.

App will start to be slower and slower and if you do not start to fix the issues on time, after that it will be very hard to find where it is the problem.

This issue is not only for Angular, it is for everything, seems the maintenance is starting from the beginning when you are writing the code.

Inspired from this video by Minko Gechev , I will show you couple of tricks to have better Angular performances.

Skip or avoid change detection

Use Change Detection on Push
Run outside the zone
Render fewer component (virtual scrolling, pagination)

Memoize calls

Pure Pipes
Store result

Using web workers

You can check how web workers work on the link Background processing using web workers in Angular


Cheers and HAPPY NEW 2021