How to avoid Ember from freezing when running the DOM

Question

I see that my navigation system and other components freeze (without responding to hover / click events) for several seconds .. after the model for a specific route has been selected. Did something happen to this?

Perhaps this is due to the visualization of the DOM ... Any idea how I can avoid this?

The same thing happens when I load more elements and add them to the DOM ..

I'm on ember-cli@0.1.15 with ember version 1.8.1

Answer 1

Javascript , Ember Ember Data . , JS, , , !

:

• , Ember Inspector. , , . Perforator, Chrome, /.

• Ember.run.next() . , setTimeout(), Ember.

• : {{link-to 'route'}} <button {{action 'openRoute'}}>. , HTML Ember. , .

• , .. : , {{#each}}, CSS3 flex . JS , , .

• Ember . Ember (Glimmer) .

• -, HTML ( ).

:

• .
• , ( ).
• .

!

Answer 2

, , . , , , , . , :

model() {
  console.time("modelStart");
  var data = this.store.query(...;
  data.then(() => console.timeEnd("modelStart");
  return data;
}

Ember Data . , , . , , , , , , , , , , Ember Data.