如何使用Firebug来分析导致页面加载速度慢的原因？

Question

我正在处理一个包含多个脚本，CSS文件，大量动态生成的HTML，脚本加载脚本以及各种疯狂内容的复杂页面。当然，页面有时会加载很慢。

我发现很难实时地告诉它究竟是什么减慢了它的速度。 Firebug的“网络”标签可以帮我解决这个问题吗？当然，我已经查看了“网络”标签，但它似乎只显示 后加载的文件。还有其他工具可以帮助我吗？我想要的是能够看到页面仍在加载，并确切地看到仍在加载的内容。

FireFox的状态栏告诉我一点......它说“等待www.mydomain.net”，但它并没有告诉我它正在等待哪个文件。我假设有一个文件是这里的瓶颈，阻止所有后续文件加载，但我承认，我不太了解浏览器如何获取文件的细节。

Answer 1

Firefox有一个名为YSlow的插件可以提供帮助。

Answer 2

在控制台标签上 - 点击个人资料 ...它可以帮助您确定哪些功能运行缓慢。

我还高度推荐Firebug的YSlow插件。它将有助于诊断从缓存和gzipping到可能减慢速度的HTTP请求数量等许多问题。

Answer 3

还有Google Page Speed，与YSlow类似。

Answer 4

在这种情况下，最好的选择是Fiddler（独立程序），Tamper Data或Live Headers（两个Firefox插件）。

每个都可以让您看到HTTP请求。这些可以让您实时查看所请求的内容，并且可以让您更深入地了解您的网站挂起的内容。祝你好运！

Answer 5

如果您等到页面完成加载，Firebug会在Net标签中显示花费这么长时间的文件。

我同意Firebug显示所有当前正在加载的文件会很棒。

Answer 6

复杂的东西必然会有改进的余地。 我不是Firebug专家，但你可以暂停执行并看看它在做什么以及为什么？如果你这样做了几次，you should be able to spot time expenditures that aren't really necessary。