Universal Tutorial Logo Universal TutorialUniversal Tutorial Logo Universal Tutorial

 

Angular 9 vs Angular 8 Performance Results

Angular 9 vs Angular 8 Performance Results




As you are already aware that Angular team has released many RC versions of Angular 9 and we all hope it’s all set to release the final version soon, we are all excited about the new rendering engine used in Angular 9 i.e. IVY and due to this, there are many drastic performance improvements compared to previous Angular versions.

To test the performance of Angular 9 against its previous version of Angular i.e. Angular 8, we have performed the results with very small hello world applications and also one set includes the real world Angular application with help of https://github.com/gothinkster/angular-realworld-example-app

Result 1 - Performance Comparision for Hello World or Small Application

The web application consists of very small information about the dist folder sizes and the images of the Google Lighthouse Results and the package.json file which includes all the libraries for the web applications.

Angular 8 (8.2.7)

Mobile

Angular 8 Mobile Performance

Desktop

Angular 8 Desktop Performance


Angular 9 (9.0.0-rc.13)

Mobile

Angular 9 Mobile Performance

Desktop

Angular 9 Desktop Performance


 

Build Size: Both applications have almost the same content and same information and Angular 9 performed well in compressing the build files, so it ended up producing the dist folder with all the file sizes includes around 424,369 bytes whereas Angular 8 produced larger build files and overall file sizes is around 662,798 bytes, which means Angular 9 produced 35% less build file sizes compared to Angular 8

Google Light House Performance Results: We conducted multiple tests and an average score of Angular 8 comes around 84 whereas Angular 9 scored 93 out of 100 for the mobile version. Now coming to Desktop version the average score remains almost same but still, Angular 9 performed well and scored 99 against 95 with Angular 8

 



Result 2 - Performance Comparision for Real World Angular Application

The web application consists of very small Login and Signup and some small section to load the feeds and comments using pagination

Angular 8 (8.2.7)

placeholder

Angular 9 (9.0.0-rc.13)

placeholder

 

Build Size: Both applications have almost the same content and same information and Angular 9 performed well in compressing the build files, so it ended up producing the dist folder with all the file sizes includes around 767,862 bytes whereas Angular 8 produced larger build files and overall file sizes is around 824,135 bytes, which means Angular 9 produced 7% less build file sizes compared to Angular 8

Google Light House Performance Results: We conducted multiple tests and an average score of Angular 8 comes around 69 whereas Angular 9 scored 74 out of 100 for the mobile version. Now coming to Desktop version the average score remains almost same but still, Angular 9 performed well and scored 93 against 92 with Angular 8

You can compare the results of your web application using https://developers.google.com/speed/pagespeed/insights/

So let's all hope that we get the final version of Angular 9 soon and start deploying our applications live with improved performance and speed compared to what we are having right now !!



You may also like

Free REST APIs for Country,State,City Free REST APIs for Country,State,City
Angular Cascade Dropdowns Angular Cascade Dropdowns


How to Upgrade to Angular 9 How to Upgrade to Angular 9
What's new in Angular 9 What's new in Angular 9
Angular 9 Performance Results Angular 9 Performance Results
Debug Node.js Applications Debug Node.js Applications
Upgrade to Angular 8 Upgrade to Angular 8
Fossil Genwatch 5 Fossil Genwatch 5
Samsung Galaxy Active 2 Samsung Galaxy Active 2
Best Smartwatches in 2019 Best Smartwatches in 2019

 

Share this page


Comments