Angular 11 performance results, Good news for Angular users to upgrade to Angular 11 finally


Angular 11 vs Angular 10 vs Angular 9 vs Angular 8 Performance Results

 

Angular 11 was released on Nov 24th 2020, and finally Angular has released a version which performed well compared to all it's ancestor versions. In this article we are demonstrating the performance of Angular 11 against previous versions.

But coming to Angular 10, it was released on 24th June 2020, and since this is very small release as it was released just 4 months after the Angular 9, but it was failed to beat the Angular 9 in terms of Performance web.dev

For performance analysis, latest Angular versions are considered i.e. Angular 8.2.3, Angular 9.1.1 and Angular 10.0.2 and Angular 11.0.5

For comparison we have referred the real world angular application and credits to Real world Angular Repo


We have hosted the applications in Heroku, so you can follow these repos, in case you want to test something on your end.

Respective Git repos can be found as below



Bundle Size (Lower the value better)

Angular 9 vs Angular 8 Performance Results

After comparing the size of the dist files, Angular 9 beats other versions with large margin and all credit goes to IVY. Tough Angular 10 and Angular 11 versions are developed on top of IVY, we see that for the same repo the dist files increased drastically by 20% approximately.


Build Time (Lower the value better)

Angular 9 vs Angular 8 Performance Results

To generate the production build files Angular 8 took 16179ms and Angular 9 took 16481ms while Angular 10 took slightly more i.e. 25584ms, and Angular 11 took just 16631ms,all the repos the projects are built with server having 32GB RAM and processor clocked at 2.2GHz and Angular 9 and Angular 11 are winners, we have used the command ng build --aot --prod

web.dev performance score (Higher the value better)

Angular 9 vs Angular 8 Performance Results

We have used Google's web.dev to measure the application performance and here Angular 8 application scored 50 and the 9 scored the highest 52 and Angular 10 scored 50 which is less than Angular 9 but Angular 11 beats all of them with score of 53

 

Conclusion :

So we can conclude that Angular 9 and Angular 11 are still better compared to Angular 10 in the point of performance, but in Angular 11 there are some major bug fixes in IVY rendering engine and new date range picker included and Typescript is updated with 4.0.5 in Angular 11 and improved reporting and logging, and so in case you are benefitting from any of these features you can think of upgrading to Angular 11 


Code formatting using prettier and Husky

Angular Typography

Angular Cascade Dropdowns

How to Upgrade to Angular 9

What's new in Angular 9

How to debug Node.js application

Angular Performance comparison

Angular 9 IVY performance results

Angular app shell

CRUD app development