分析javascript性能

Question

我有一个包含大量JavaScript代码的Web应用程序。 随着内容变大，一些功能开始变慢。

我似乎无法找出正是花费太多时间的东西并将浏览器冻结了一两秒。

目前，我将Date变量放在不同位置并减去它们以查看花费太多时间的部分，但这对我没有太多帮助。

我知道Chrome的开发人员工具栏和firebug，但我不知道如何使用它们来查看代码的处理时间等...

请帮助我优化我的应用并弄清楚它的位置。

Answer 1

对于chrome dev工具栏，请按f12

• 转到网络标签以查看dl次。
• 源代码选项卡调试代码。
• 用于记录cpu使用情况的配置文件选项卡

或google获取教程，然后尝试一下。

Answer 2

您可以使用console.time()

例如：

console.time('yourFunction');

//Time what you'd like inbetween the statements
yourFunction();

console.timeEnd('yourFunction');

或者（虽然您提到您已经使用过这些），但您可以尝试以下原生功能：
date()
getTime()
getMilliseconds()