怎樣測試頁面載入時間？

01-21

如果用控制台測速，每次由於機子的性能和伺服器端的造成的測速都不一樣，用什麼可以更準確的檢測頁面載入時間？

頁面載入速度本來就是和瀏覽器與機器性能掛鉤，為了區分從伺服器端取數據和瀏覽器載入渲染頁面的時間的話，比較推薦使用Chrome自帶的開發者工具，其中在Timeline的Tab下就能看到各個行為所消耗的時間，還是很方便的。

每種顏色代表不同的行為，比如Loading,Scripting,Rendering,Painting覺得這樣不夠具有代表性的話，可以去各種頁面性能檢測的網站進行測試，得出的結果比較統一吧

我自己在用的是這個WebPagetest - Website Performance and Optimization Test，能夠比較直觀的看出性能，而且還給出了優化方法和優化後的性能對比

該頁面的chrome network測試結果：

最下面的數字應該是你要的載入時間吧。

這個時timeline的結果：

最後看下最快的百度吧：

站長工具等好多第三方工具都提供頁面載入時間的檢測，他們檢測方法分有兩種，一種是被動去測，就是在被檢測的頁面植入腳本或探針，當用戶訪問網頁時，探針自動採集數據並回傳資料庫進行分析，另一種主動的檢測方式，即主動的搭建分散式受控環境，模擬用戶發起頁面訪問請求，主動採集性能數據並分析。

在檢測的精準度上，專業的第三方工具效果更佳，推薦性能極客-性能極客 - 前端感知性能優化大師