javascript - 你如何对 JavaScript 代码进行性能测试？

Question

CPU 周期、内存使用、执行时间等？

补充:除了感知代码运行速度之外，是否还有一种量化的方法来测试 JavaScript 的性能？

Answer 1

分析器绝对是获取数字的好方法，但根据我的经验，感知性能对用户/客户来说才是最重要的。例如，我们有一个带有 Ext Accordion 的项目，它展开以显示一些数据，然后是一些嵌套的 Ext 网格。一切实际上都呈现得非常快，没有一个操作需要很长时间，只是一次呈现了很多信息，所以对用户来说感觉很慢。

我们“修复”了这个问题，不是通过切换到更快的组件或优化某些方法，而是通过先渲染数据，然后使用 setTimeout 渲染网格。因此，信息首先出现，然后网格会在一秒钟后弹出。总的来说，这样做会花费更多的处理时间，但对于用户来说，感知到的性能得到了改善。

---

如今，Chrome 分析器和其他工具普遍可用且易于使用，
console.time() ( mozilla-docs , chrome-docs )
console.profile() ( mozilla-docs , chrome-docs )
performance.now() ( mozilla-docs )
Chrome 还为您提供了一个时间轴 View ，可以向您显示是什么降低了帧速率、用户可能在何处等待等。

查找所有这些工具的文档非常容易，您不需要 SO 答案。 7 年后，我仍然会重复我最初回答中的建议，并指出您可以让慢速代码在用户不会注意到的地方永远运行，而在他们注意到的地方运行非常快的代码，他们会提示相当快的代码不够快。或者您对服务器 API 的请求花费了 220 毫秒。或者其他类似的东西。重点仍然是，如果您拿出分析器去寻找工作要做，您会找到它，但它可能不是您的用户需要的工作。