如何计算DOM API调用？

Question

我对性能有疑问。我已经调查了我的情况，并且理解这个问题存在于大量的DOM API调用中。现在我想通过加入所有可能的电话来提高性能。

呼叫是循环的，所以我无法计算我的“改进”的实际结果。框架也有很多隐藏调用（ExtJS 4.2.2）。

所以......问题是：

如何计算DOM API调用？

谢谢！

Answer 1

有一种更好的衡量绩效改进的方法。

我同意@Mike McCaughan的说法，Chrome Dev Tools在这种情况下是一个很好的工具。

您可能希望在摘要图表栏（Performance - ＆gt; Summary）之前和之后测量整个脚本编写时间，而不是计算对不同函数的调用（在重型单页面应用程序中可能是数十万）你的改进。

这是您可以在短跑结束时通过评论轻松向客户展示的内容。

有关详细信息，请参见屏幕截图。

如果您需要刷新Chrome开发工具的知识，请尝试使用此free course on CodeSchool。

它有点过时，但大多数概念仍然相同（其中一些只是移动到不同的选项卡和/或重命名）。