Need a solution to speed up Angular2

Question

Angular 2 is really wonderful in many ways, but A BIG problem is: It's tooo slow when you open an Angular 2 page for the first time.

Here is an example: (in Chinese) https://771dian.com/danmu

2015-09-23 11-10-03

This simple page includes nearly 20 angular2 components, each one with a .js file and a html template.

Which means, when somebody open this simple page, server need to send more then 40 files to client, including angular.js, system.js and traceur-runtime.js.

That's really too many files even with SPDY or HTTP/2.

The example site above is using SPDY, but I still need to wait for a long time before chrome shows anything. (By the way, for the server side, I'm using node.js with KOA web framework, which should be fast.)

And think about an index page for a CMS, it's gonna be more than 50 components for a single page, which means when you open that page, server need to send more than 100 files to client.

Is there a solution for this "too many files problem"? Thanks.

cannot assure nothing, but try to use a compressed version of angular2: imgur.com/WtOMAYe — Sombriks
– Sombriks, Commented Sep 23, 2015 at 3:32
I would start by moving all of your javascript script tags to the bottom instead of in the head. stackoverflow.com/questions/5329807/… — BenH
– BenH, Commented Sep 23, 2015 at 7:03
thanks guys, using angular2.min.js will be helpful a little, but it's not the final solution for "too many files" problem. I asked the same question at Angular2's issue list, and get 2 good solution for that — butaixianran
– butaixianran, Commented Sep 24, 2015 at 11:37

butaixianran · Accepted Answer · 2015-09-24 11:41:56Z

1

I asked the same question at Angular2's issue list. And I got some good solution for this "too many files" problem.

using this tool: gulp-inline-ng2-template

https://github.com/ludohenin/gulp-inline-ng2-template

pkozlowski-opensource metioned that tbosch is working hard to make it possible to pre-compile all the templates as part of the build step, which will be helpful.

https://github.com/angular/angular/issues/4328

Again, thanks guys

answered Sep 24, 2015 at 11:41

butaixianran

3011 gold badge2 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Need a solution to speed up Angular2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related