ember.js - ember のページ レンダリング パフォーマンスをプロファイリングする方法は?

Question

他のページよりもレンダリングが確実に遅いページがあります。リモート呼び出しを行っていません。他のページのレンダリング速度に比べて「遅い」とユーザーが言うほど遅い. このレンダリングをプロファイリングして最適化できるようにするための戦略は何ですか?

Answer 1

通常、私が最初に行うことは、バインディングをログに記録することです。多くの場合、バインドの更新は予想よりも頻繁に実行され、実際に速度が低下する可能性があります。

Ember.LOG_BINDINGS = true

さらに、Ember Instrumentation モジュールを使用することもできます。このテクニックに関するすばらしいブログ投稿がここにありますが、基本的な考え方は次のとおりです。

Ember.subscribe('render', {
  before: function(name, start, payload){
    return start
  },
  after: function(name, end, payload, start){
    var duration = Math.round(end - start)
    var template = payload.template
    if (template){ // this is to filter out anonymous templates
      console.log('rendered', template, 'took', duration, 'ms')
    }
  }
})