2009-09-10 50 views
1

我正在处理一个包含多个脚本,CSS文件,大量动态生成的HTML,加载脚本的脚本以及各种疯狂的东西的复杂页面。当然,页面有时可能会加载很慢。如何使用Firebug来判断导致页面加载速度缓慢的原因?

我很难说实时地知道究竟是什么放慢了速度。 Firebug的“网络”选项卡可以帮助我吗?当然,我已经看过“net”选项卡,但它似乎只在之后显示文件。有另一种工具可以帮助我吗?我想要的是能够看到该页面仍在加载,并确切地看到仍在加载的内容。

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

回答

2

在这种情况下,您最好的选择就是像Fiddler(独立程序),Tamper DataLive Headers(都是Firefox插件)。

每个都可以让您在进入时看到HTTP请求。这些让您可以实时查看所请求的内容,并让您更深入了解网站的挂起情况。祝你好运!

+0

我尝试了Fiddler,它的功能非常强大,可以监控所有http请求,它的数据太多了。 – 2013-06-27 04:20:03

5

有一个名为YSlow的Firefox插件应该有所帮助。

+0

YSlow很棒,但它看起来不能运行,直到页面加载完成。我的问题是我的页面被挂起,我想看看是什么阻止了它。 – morgancodes 2009-09-14 15:14:51

4

控制台选项卡 - 单击配置文件 ...它将帮助您确定哪些功能运行缓慢。

我也高度推荐了Firebug的YSlow插件。这将有助于诊断缓存和gzip到可能会减慢速度的HTTP请求数量的许多问题。

+0

我尝试点击萤火虫中的个人资料,并重新启动我的Firefox。我该如何调试? :( – 2013-06-27 04:18:46

0

如果您等待页面完成加载,Firebug将向您显示在Net标签中花费很长时间的文件。

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