Angular-Performance

###Angular (Angular 4 + will now be called 'Angular' )

Angular 4 is a breaching version and claims some better performance and smaller in size. So, I tried ,

A performance comparison between Angular 2 and Angular 4 (ng2 vs ng4)

Summary

This is a comparison of angular 2 project ported to angular 4.

• Installed 4.0 packages

• Changed Material design to beta-3 and removed materialmodule, materialrootmodule

• Imported animation separately

Angular 4 ( Ng4 )

• Requests: 12

• Transferred: 5.3 MB

• Finish: 3.66s

• DOMContentLoaded 3.57 s

• Load: 3.92s

HAR for NG4

Angular 2 ( Ng2 )

• Requests: 12

• Transferred: 6.1

• Finish: 4.82s

• DOMContentLoaded: 4.55 s

• Load: 4.06 s

HAR for NG2

Backward Compatibility

• Primeng (GUI) framework worked seamlessly

• UI-router, ng2-restangular - packages failed and broke.

End Result:

ANGULAR 4 Reduced the size about 1 MB and the Load time about .50 s