Backbone Marionette Composite View Rendering

Problem in short: Initializing a composite view in marionette with a collection of size ~500 stalls the app for around a minute. I'm building a backbone marionette app to maintain

Solution 1:

Finally after quite a lot of search found CollectionView.reset performance issue on Marionette Github. It is evident that this issue is resolved and released in 1.3.x version of Marionette and realized that there is some bug in my app instead of Marionette.

Further debugging on the same gave me a hint that endBuffering was called for each and every model in the collection instead of once for all after fetch.

So, the issue was instead of reset event, add event was getting triggered at my collection level. Later came to know that there is reset option in fetch which needs to be set.

Now things are 99% faster as the perf test says.

Solution 2:

Having used both Backbone and Ember I can say the Ember's Backburner micro-library by @ebryn helps alot with this unresponsive-ness. As a micro-library it works well with Backbone and they offer a simple Backbone example.