開發者必備：測試網站速度的5個免費在線工具
如果你認為一個網站建成后，工作就已經完成，你就大錯特錯了。你需要不斷監測其可用性和可訪問性，一個小問題，可能毀了一切。而網頁載入速度對 于一個網站來講至關重要，試想一下，你喜歡進一個需要很長時間才載入完畢的網站嗎？而且，搜索引擎對網頁載入速度也提出了要求。“The web should be fast。”據悉，網站若沒有在 4 秒內讀取出來，大多數的訪客就會選擇離開，甚至 Google 也將網頁載入速度作為網站排名的眾多因素之一，唯有提升網站效能才能讓你的網站訪客更多、更快樂。
國外開發/設計網站 DesignInstruct 推薦了 5 個最具代表性的測試工具，將幫助你確保你的網站正常、高效工作。
Pingdom 是一個免費的網站速度測試工作，不僅是看起來非常棒，而且盡可能多的呈現出你的網站的各方面信息。它可測試網站加載速度，對頁面和大小進行分析。測試完成后會得到一份非常詳細的測試報告，包括圖片、CSS 等，告訴你哪些地方出現問題。
2. Load Impact
Load Impact 是一款在線網站壓力測試工具。只需要輸入網址進行測試，其便可以統計出加載網站的一些詳細載入數據。包括整體加載和站內圖片，javascript, CSS 等代碼載入。測試完成之后，網站還可以存儲測試過的統計數據。（注：如果你未注冊該網站使用進行測試，那么你的網站性能信息可能會被公開在網上。）
測試有兩種方案，雖然免費方案能夠測試的虛擬訪客比較少（免費僅能夠測試 10、20、30、40、50 人同時在線上），但一般使用已經足夠了！如果不夠，可以考慮購買 Premium Account 服務。不過，其功能可能會對網站產生一定的壓力，大家可別用它去 DoS 別人網站哦。
相信有接觸前端開發的大神們都聽說過 Google 官方的 PageSpeed Tools，這個網頁載入速度檢測工具有在線版本也有一個 Chrome 擴展，叫 PageSpeed Insights。
PageSpeed Insights 的 Chrome 擴展是由谷歌官方開發的一款可以分析頁面載入的各個方面，包括資源、網絡、DOM 以及時間線等等信息的插件，安裝以后會附加到 Developer Tools（開發者工具）中。所以安裝之后，大家只需要在頁面上點擊右鍵——審查元素，就可以在最后一個標簽中看到 PageSpeed 了。
PageSpeed 的分析基于一個分為五類的最佳實踐列表：
- 優化緩存——讓你應用的數據和邏輯完全避免使用網絡
- 減少回應時間——減少一連串請求-響應周期的數量
- 減小請求大小——減少上傳大小
- 減小有效負荷大小——減小響應、下載和緩存頁面的大小
- 優化瀏覽器渲染——改善瀏覽器的頁面布局 </ul>
- WhichLoadsFaster？——可以比較兩個網頁，哪個加載速度快。
- Web Page Analyzer——可讓用戶測試網站速度以提升性能，同時可計算網頁大小、 復雜度和下載時間。
- WebPagetest——原本是由 AOL 開發內部使用的工具，后來在 Google Code 上開源，是一款非常優秀的網頁前端性能測試工具。 </ul>
去谷歌開發者官網看了看，發現 PageSpeed 不僅僅只是個在線工具、插件那么簡單，還有開發者使用的 API、SDK；甚至還有可以安裝在 Apache 或者 Nginx 服務器上的開源模塊！
OctaGate SiteTimer 是一個在線的網頁讀取速度測試工具，效果圖基于 AJAX 技術，而且它是所有工具里面最直觀的；如果你就想知道你的網頁里面哪個元素拖了后腿，就跑這個工具。它就一張圖，告訴你每個網頁元素下載需要時間。
5. GTmetrix
有些網站速度測試工具如 Baidu 僅提供頁面元素加載時間；有些工具如 Pingdom 提供的 Start Time、Connect Time、First Byte 和 Last Byte 細分仍無法滿足要求。功能更強大的 GTmetrix 是國外的一個免費評測網頁載入速度的服務，可提供詳細報告：顯示出網頁里每個元件載入、開啟或存取的時間；而且會保存每一個網站的記錄，方便查看一個網站 載入速度的歷史變化。
如果你想將報告設定為不公開、或是儲存報告、定時檢查網頁評分的話，可以免費注冊 GTmetrix 帳戶。
測試的工具有很多，上述五個相對具有代表性，下面再介紹 3 個：
如果你喜歡的測試工具不在上述中，也歡迎你在文章評論中發表自己的看法。