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')
    }
  }
})