Angular Performance results

Angular 9 vs Angular 8 Performance Results

 

As you already know that Angular 10 is now available with it's final version from 24th June and since this is very small release as it was released just 4 months after the Angular 9, in this article we will analyze the performance of new released Angular 10 and compare the results against Angular 8 and Angular 9, so here are the metrics we will compare bundle size, build time, website performance score by Google 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

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


We have hosted the applications in Heroku

Respective Git repos can be found as below



Bundle Size (Lower the value better)

Angular 9 vs Angular 8 Performance Results

After compiling the project the Angular 10 repo has produced the build files having the size of 774350 bytes and Angular 9 produced 764066 bytes and finally Angular 8 produced larger build files with total size of 824135 bytes so surprisingly the build size of Angular 9 is way better than Angular 8 and just in better than Angular 10, So Angular 9 wins here


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 slightely more i.e. 25584ms, all the repos the projects are built with server having 32GB RAM and processor clocked at 2.2GHz and very suprisingly Angular 8 project is built little faster compared to Angular 9 and Angular 10, for building the project 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 55 and Angular 10 scored 50 which is less than Angular 9

 

Conclusion :

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


You may also like to read



Improve the Angular application performance using Angular app shell technique

Go to tutorial

Angular Performance Results

Go to tutorial

Free Rest APIs for Country State and City

Access APIs

Typography with Angular 10 and Google Fonts

Go to tutorial