AngularJS 4

Angular JS - Performance comparison between Ng2 and Ng4 ( Angular2 vs Angular4) 

Angular (Angular 4+ -will now be called 'Angular' )
Angular 4 is a breaking version and claims better performance and smaller in size. So, I tried ,
A performance comparison between Angular 2 and Angular 4 (ng2 vs ng4)
Find the files in github: https://github.com/moorthi07/Angular-Performance
Summary
This is study data from 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 file size about 1 MB and the Load time about .50 s

Again , this is a very tiny little project which could bring down 1 mb in size by using Angular 4. If you have a larger application, the difference could be significant.

Moorthi Pichaikannu

Founder @indo-mars Technologies, Silicon Valley Film Festival. Principal-Full stack developer, Futurist. Seeks partners