監控站點的客戶端性能

我想要監控一個頁面的客戶端性能，並且我可以通過在該部分的開頭啓動一個計時器來獲取頁面的加載時間，還可以通過獲取onload事件發生。但是，這並沒有考慮從服務器請求頁面所需的時間。所以搜索後我發現我應該使用網絡時間API。我的問題是，雖然「window.performance」適用於Chrome，但沒有任何適用於Firefox的功能，包括「window.mozPerformance」。那麼是否有人知道如何找到我的瀏覽器啓動頁面獲取請求的時間，並完成接收頁面的最後一個字節？監控站點的客戶端性能

來源

2011-09-11 anonymous

使用分析器。 Chrome內置了一個，我相信FireBug也可以。在Chrome中，它被稱爲定時器（在JS控制檯中）。它會向您顯示每個資源的處理時間以及每個腳本執行完成的時間。 – tjameson

@tjameson我認爲你的意思是時間軸選項卡。「網絡」選項卡和「審覈」選項卡對此也很有用。 –

您可以使用類似：

var timing = performance.timing; 
var loadtime = timing.loadEventEnd – timing.navigationStart;

這會爲你工作：鉻6+，IE9 +，火狐7+，Android 4以上

而且你可以在這個古老閱讀更多（但好）發佈： http://blog.chromium.org/2010/07/do-you-know-how-slow-your-web-page-is.html

順便說一句，我會使用Chrome開發工具（或Firefox上的螢火蟲）來衡量我在'審計'選項卡中的代碼更改。你可以看到你的JS代碼的每一個變化的代價是什麼，並且在沒有任何添加代碼的情況下測量它。此外，如果您想要了解您的網站（或網絡應用）隨着時間的推移表現如何，您現在可以選擇檢查Google Analytics（分析）中的指標。

來源

2012-07-10 05:45:01

監控站點的客戶端性能

回答

相關問題