有没有办法查看哪些功能/执行耗时最长？答案

【问题标题】：Is there a way to see which functions/executions are taking longest?有没有办法查看哪些功能/执行耗时最长？
【发布时间】：2011-08-31 05:04:27
【问题描述】：

在我的页面（一个基于 jquery 的网络应用程序）上的某个位置，它有点挂起。是否有任何工具可以快速确定是否有特定的地方被绊倒？

它现在在本地主机上，这可能会改变适用的工具。（我说的不是加载时间，而是执行时间）

【问题讨论】：

【解决方案1】：

你见过FireBug吗？

【讨论】：

【解决方案2】：

Firefox 的 Firebug 和 Chrome 的开发者控制台都内置了脚本分析工具，可帮助您识别 JavaScript 程序中的慢逻辑。

【讨论】：

【解决方案3】：

John Resig 有 jQuery deep profiling plugin。还有他的这篇文章谈到了Function Call profiling。

还有一个名为dynaTrace 的出色工具，它使您能够在 IE（和 FF）中进行分析。它提供的不仅仅是简单的 JS 分析（如 DOM 渲染测量），而且非常有用。

【讨论】：

【解决方案4】：

使用 Firebug，只需调用：

console.time("计时 foo");

在执行您要测量的代码之前：

console.timeEnd("计时 foo");

之后。这是一种低保真方法。

high-fi 只需在要测量的代码之前调用console.profile()，然后再调用console.profileEnd()。

【讨论】：

【解决方案5】：

DynaTrace 是迄今为止我所见过的最好的东西......它也可以免费使用......而且最好的部分是它也适用于性能受到最严重打击的 IE。具有所有性能指标的出色应用程序.. 需要一点学习，但是一旦您习惯了它，就没有什么比得上它了...

它还测量 ajax 请求中的网络时间..除此之外还有渲染时间等..它可以深入到 Jquery 等 JS 库中..

试试吧！！

【讨论】：