View rendering performance - Ember v. Angular

Performance
21

I am not sure how that could happen but it is definitely working for me. The code looks like:

{{#group}}
   {{#each model in models groupedRows=true}}
      ...
      <div {{action stuff model}}></div>
   {{/each}}
{{/group}}

There is one controller powering this whole list and when there is an event happened, I pass model as a param.

These are a few tips I have found useful so far for large list, hope it is helpful:

  • group helper/unbound if possible
  • use bounded handlebar helper to render html directly if possible.
  • use as fewer views as possible in each table cell. (it turns out it takes some time to set up a view, so in my latest version, i removed all “subviews” in a table cell, it is either raw html or handlebar helpers)
  • render only part of list at one time.
2 Likes