2009-09-10 51 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會顯示所有當前加載的文件。

相關問題