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 毫秒。或者其他类似的东西。重点仍然是，如果您拿出分析器并寻找工作要做，您会找到它，但它可能不是您的用户需要的工作。