谷歌瀏覽器或Mozilla Firefox頁面加載時間

有沒有辦法檢查頁面加載需要多長時間？谷歌瀏覽器或Mozilla Firefox頁面加載時間

編輯：

我會延長這個問題。假設您正在開發一個ASP.NET項目，並且在Visual Studio中運行項目時需要一些加載時間，然後才能看到在屏幕上呈現並準備使用的起始頁面。

如果此網站是實時的，加載時間應與從Visual Studio啓動項目時的加載時間不同。

我想看到的是如果網站在服務器上的實際加載時間是多少。

編輯2：答案

瀏覽器 - >右鍵 - >檢查元素 - >網絡選項卡。當你加載一個頁面時，頁面的時間軸上會有一個很好的報告，顯示實際的頁面加載時間，css，js等加載時間。在Net標籤下的Mozilla中有一個類似的工具。

來源

2013-06-12 Anton Belev

爲什麼不試試Firebug？檢查http://getfirebug.com/network是最好的Firebug，可用的Chrome和Firefox。 – KingRider

可以如利用圖書館從GoDaddy的https://github.com/godaddy/timings – vikramvi

至於Firefox已經回答了他自己的問題（菜單 - Web開發人員 - 網絡或Ctrl + Shift + K - 網絡或Ctrl + Shift + Q），但是我想提一下「app.telemetry Page Speed Monitor」插件，它不需要您先打開Web控制檯。它只會顯示狀態欄中的加載時間（以毫秒爲單位）（它甚至會在您點擊時顯示詳細信息）。
https://addons.mozilla.org/en-US/firefox/addon/apptelemetry/
唯一的缺點似乎是Facebook/Twitter按鈕。

至於鉻/鉻，我第二安迪戴維斯的建議，Page load time plugin是真棒，它顯示加載時間旁邊的位置欄，它還提供了詳細信息。

來源

2014-03-03 10:47:47 basic6

我使用這個工具：http://www.webpagetest.org/ 但它是爲活的網站。如果您想對不代表實際使用情況的本地文件進行基準測試，但您可能需要測量渲染時間而不僅僅是運輸時間。請注意，加載時間取決於用戶相對於服務器的地理位置。

來源

2013-06-12 06:45:22

尼斯的網站，但並不完全是我想要的：） –

正如@尼克 - RTZ確實我用webpagetest進行認真的測試，如果你想快速瀏覽加載時間，並且不希望使用開發工具這個Chrome擴展將幫助 - https://chrome.google.com/webstore/detail/page-load-time/fploionmjgeclbkemipmkogoaohcdbig

來源

2013-06-12 19:37:33

另請注意，您現在可以通過window.performance對象（Chrome，Firefox和IE9 +）通過JavaScript獲取此文件。

試試這個：

window.onload = function(){ 
    setTimeout(function(){ 
    var t = performance.timing; 
    console.log(t.loadEventEnd - t.responseEnd); 
    }, 0); 
}

此處瞭解詳情： http://www.html5rocks.com/en/tutorials/webperformance/basics/

來源

2014-03-10 18:28:18 lambinator

-1

對於一個網站，是活的加載時，我也會考慮真實用戶監控（又名RUM），以獲得性能生產中真實用戶的數據。您可以使用Boomerang和Bucky等開源項目或與供應商一起完成此任務。數據是無價的！ @vikramvi提到的工具可幫助您跟蹤開發/測試中的頁面性能，並有助於在開發週期的早期避免性能迴歸。

來源

2018-01-05 06:57:41 mverkerk

谷歌瀏覽器或Mozilla Firefox頁面加載時間

回答

相關問題