測試網站速度的五個免費在線工具

若是你認爲一個網站建成後，工做就已經完成，你就大錯特錯了。你須要不斷監測其可用性和可訪問性，一個小問題，可能毀了一切。而網頁載入速度對於一 個網站來說相當重要，試想一下，你喜歡進一個須要很長時間才載入完畢的網站嗎？並且，搜索引擎對網頁載入速度也提出了要求。「The web should be fast。」據悉，網站若沒有在4秒內讀取出來，大多數的訪客就會選擇離開，甚至Google也將網頁載入速度做爲網站排名的衆多因素之一，惟有提高網站 效能才能讓你的網站訪客更多、更快樂。

國外開發/設計網站DesignInstruct推薦了5個最具表明性的測試工具，將幫助你確保你的網站正常、高效工做。

1. Pingdom Website Speed Test

Pingdom是一個免費的網站速度測試工做，不只是看起來很是棒，並且儘量多的呈現出你的網站的各方面信息。它可測試網站加載速度，對頁面和大小進行分析。測試完成後會獲得一份很是詳細的測試報告，包括圖片、CSS等，告訴你哪些地方出現問題。

2. Load Impact

Load Impact是一款在線網站壓力測試工具。只須要輸入網址進行測試，其即可以統計出加載網站的一些詳細載入數據。包括總體加載和站內圖 片，javascript, CSS等代碼載入。測試完成以後，網站還能夠存儲測試過的統計數據。（注：若是你未註冊該網站使用進行測試，那麼你的網站性能信息可能會被公開在網上。）

測 試有兩種方案，雖然免費方案可以測試的虛擬訪客比較少（免費僅可以測試十、20、30、40、50人同時在線上），但通常使用已經足夠了！若是不夠，可 以考慮購買Premium Account服務。不過，其功能可能會對網站產生必定的壓力，你們可別用它去DoS別人網站哦。

3. Google PageSpeed Insights

相信有接觸前端開發的大神們都據說過Google官方的PageSpeed Tools，這個網頁載入速度檢測工具備在線版本也有一個 Chrome 擴展，叫PageSpeed Insights。

PageSpeed Insights 的Chrome擴展是由谷歌官方開發的一款能夠分析頁面載入的各個方面，包括資源、網絡、DOM以及時間線等等信息的插件，安裝之後會附加到 Developer Tools（開發者工具）中。因此安裝以後，你們只須要在頁面上點擊右鍵——審查元素，就能夠在最後一個標籤中看到PageSpeed了。

PageSpeed的分析基於一個分爲五類的最佳實踐列表：

• 優化緩存——讓你應用的數據和邏輯徹底避免使用網絡
• 減小回應時間——減小一連串請求-響應週期的數量
• 減少請求大小——減小上傳大小
• 減少有效負荷大小——減少響應、下載和緩存頁面的大小
• 優化瀏覽器渲染——改善瀏覽器的頁面佈局

去谷歌開發者官網看了看，發現PageSpeed 不只僅只是個在線工具、插件那麼簡單，還有開發者使用的API、SDK；甚至還有能夠安裝在Apache或者Nginx服務器上的開源模塊！

4. OctaGate SiteTimer

OctaGate SiteTimer 是一個在線的網頁讀取速度測試工具，效果圖基於AJAX技術，並且它是全部工具裏面最直觀的；若是你就想知道你的網頁裏面哪一個元素拖了後腿，就跑這個工具。它就一張圖，告訴你每一個網頁元素下載須要時間。

5. GTmetrix

有些網站速度測試工具如Baidu僅提供頁面元素加載時間；有些工具如Pingdom提供的Start Time、Connect Time、First Byte和Last Byte細分仍沒法知足要求。功能更強大的GTmetrix是國外的一個免費評測網頁載入速度的服務，可提供詳細報告：顯示出網頁裏每一個元件載入、開啓或 存取的時間；並且會保存每個網站的記錄，方便查看一個網站載入速度的歷史變化。

若是你想將報告設定爲不公開、或是儲存報告、定時檢查網頁評分的話，能夠免費註冊GTmetrix賬戶。

測試的工具備不少，上述五個相對具備表明性，下面再簡介三個：

• WhichLoadsFaster？——能夠比較兩個網頁，哪一個加載速度快。

• Web Page Analyzer——可以讓用戶測試網站速度以提高性能，同時可計算網頁大小、 複雜度和下載時間。

• WebPagetest——本來是由AOL開發內部使用的工具，後來在Google Code上開源，是一款很是優秀的網頁前端性能測試工具。