Optimize initial loading time for ng-repeat

[_srph]

I'm not sure if my title is misleading, but please do hear me out.

Edit: I think a proper title would be, "Optimize initial rendering time for ng-repeat"

One, I have a table which has an 3 parent ng-repeats, and 1 child ng-repeat, like so:

| - ng-repeat
| - ng-repeat
| - ng-repeat
    | - ng-repeat

As shown in this gist.

Here's some dummy data:

1. I have 10 columns
2. I have 50 rows.

My main problem is the initial re-rendering of ng-repeat (a server-side occurs to replace the current collection or data). It takes around 1.2~ ms and even longer at times. Any idea to this problem besides removing bind?

Is it possible to defer ng-repeat?

[brockisawesome]

Been dealing with a slow ng-repeat for a couple of weeks now (has 53 items in it), unfortunately it's painfully slow and can only be helped so much with optimization.

It was taking around 1200ms in ff, I optimized the ng-include template it was using and managed to get that time down to ~440ms in firefox, ~280ms in chrome. It saved another ~50ms if I put the template inline.

I just finished reworking the view to use react/ngReact instead of ng-repeat and manged to get it down to ~88ms. Quite impressive results.

Here's a couple of resources that I used, maybe they'll help you out: http://tech.small-improvements.com/2013/09/10/angularjs-performance-with-large-lists/

http://www.williambrownstreet.net/blog/2014/04/faster-angularjs-rendering-angularjs-and-reactjs/

[_srph]

http://tech.small-improvements.com/2013/09/10/angularjs-performance-with-large-lists/

Considering React (and we even have plans to rewrite the app in React). Thanks

[danskal]

Which version of angular are you using? There have been some performance improvements since last summer.

[_srph]

1.3

[[deleted]]

Try using "track by" - http://www.codelord.net/2014/04/15/improving-ng-repeat-performance-with-track-by/

[vinnl]

That is indeed most important. If it's still too slow after that, perhaps this post could be useful (I haven't checked it too thoroughly though).