performance - Ember.js 应用程序的加载时间极长

Question

我正在使用 Ember.js 为我的公司建立一个网站。

我遇到的问题是页面的初始加载时间约为 10 秒。

我不能给你来自 chrome 的分析数据，因为我不能让他们失业。然而，当我看到它们时，我注意到有一个名为“Get”的函数，总共需要大约 8.5 秒。我意识到这可能只是 Ember.Get() 的许多用途，但这仍然只是初始页面加载。

我不知道这是否正常，但这非常不愉快。对此我能做些什么吗？

谢谢，杰森

Answer 1

尝试使用生产版本（ember.js 的缩小版本），它使用明显更快的获取。

您是否正在呈现一些非常大的列表？如果是这样，请考虑使用列表视图。

如果您有大量的字段被绑定并且永远不会更改，请将它们修改为未绑定。

{{unbound someField}}

如果您遇到一些奇怪的问题，即模板花费了很长时间，但您不确定它是哪一个，您可以在模板的开头添加一些时间戳记录来追踪罪魁祸首。在底部，我掀起了一个快速帮手。在您的模板中，您可以像这样使用它。它将打印出带有传入该数据点的时间戳。

{{logTime this}}
{{logTime name}} 



Ember.Handlebars.helper('logTime', function(someField){
  var d = new Date,
    timestamp = d.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1") + "." + d.getMilliseconds();
  console.log(timestamp + " - " + text);
  return "";
 });