開發者必備：測試網站速度的五個免費線上工具

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

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

　　1. Pingdom Website Speed Test

　　Pingdom是一個免費的網站速度測試工作，不僅是看起來非常棒，而且儘可能多的呈現出你的網站的各方面資訊。它可測試網站載入速度，對頁面和大小進行分析。測試完成後會得到一份非常詳細的測試報告，包括圖片、CSS等，告訴你哪些地方出現問題。

　　2. Load Impact

　　Load Impact是一款線上網站壓力測試工具。只需要輸入網址進行測試，其便可以統計出載入網站的一些詳細載入資料。包括整體載入和站內圖片，javascript, CSS等程式碼載入。測試完成之後，網站還可以儲存測試過的統計資料。（注：如果你未註冊該網站使用進行測試，那麼你的網站效能資訊可能會被公開在網上。）

　　測試有兩種方案，雖然免費方案能夠測試的虛擬訪客比較少（免費僅能夠測試10、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上開源，是一款非常優秀的網頁前端效能測試工具。

　　如果你喜歡的測試工具不在上述中，也歡迎你在文章評論中發表自己的看法。