用于显示网页渲染统计信息的分析器?

时间:2011-06-07 18:09:02

标签: javascript profiler webpage

我正在使用一个可以挂钩到表单的contrib drupal模块。它的存在似乎导致jquery渲染速度过慢,但我不完全确定。我想对它进行一些高级故障排除,我正在寻找像xdebug这样的工具,它会给我一个输出文件我可以用KCacheGrind查看。

我看过Venkman和Firebug,但我不想要调试环境;我还没到那个时候。我想查看页面加载的配置文件,以便我可以看到大部分时间花在哪里,这样我就可以确定问题所在。

编辑:我实际上并不是在寻找页面加载的配置文件,正如几位人士指出的那样,但实际上是在特定事件上执行的javascript的配置文件。 Firebug的调试器可以抓住执行并引导我进入代码,但它只是让我在大型脚本中的某一点。我认为减速涉及循环和迭代,所以我想看到执行路径的配置文件。

实际上我认为我应该将此作为一个单独的问题发布。

3 个答案:

答案 0 :(得分:1)

在Firebug中,单击“网络”选项卡。它列出了它从服务器请求的每个元素,以及详细的连接和加载信息(悬停时),没有悬停的漂亮图形显示。

更新

此外,如果实际页面加载不是问题,并且您确实试图配置Javascript,则Firebug“控制台”选项卡可能具有您所需的功能。

单击“配置文件”,然后重新加载页面。再次单击“配置文件”以查看javascript对持续时间和计时信息所做的所有事情的列表。这应该会告诉你什么是最长的。

答案 1 :(得分:0)

chrome开发人员工具有一个javascript探查器,可以分析页面上的所有函数调用。时间轴功能(可能只在beta / dev版本中)将显示浏览器在各种操作(例如布局和渲染)操作上花费的时间。

我相信firebug也有一个JS分析器。

答案 2 :(得分:0)

控制台选项卡中的firebug中有一个分析器。单击一次开始,然后单击第二个以停止分析器。 Chrome还有一个分析器按⌘⌥j。 Internet Explorer也有一个很好的分析工具:dynaTrace ajax editon

顺便说一下。大多数时候jquery很慢取决于选择器引擎的错误使用。