一個網站的速度可以是成功的關鍵因素。越快載入的網站將有助于更好的SEO評分、更高轉換率、降低跳出率，延長訪客停留在網站時間，這也是為什么我們要整理收錄一系列可用的免費網站速度測試工具，利用這些服務你就能為網站優化，讓網站實現最好的效能表現。

網站測速工具能幫助你分析那些項目？

這里是一些網站速度測試工具常用的方法：

精確定位程序、字型和外掛造成的加載時間問題（HTML、Javascript、CSS）。

 

檢查你的程序代碼是否最小化。

 

找出圖片檔案太大造成的瓶頸。

 

確定是否有禁止轉譯（Render-blocking）的 JavaScript 或 CSS。

 

測試 Time to First Byte（TTFB）。

 

分析總加載時間、頁面大小和總請求數。

 

從不同的地理位置檢查網站效能。

 

檢查不同瀏覽器的渲染速度。

 

分析 HTTP 頁首。

 

測試你的內容傳遞網絡（CDN）性能。

 

驗證數據能正確從你的 CDN 加載。

在 KeyCDN 原文「16 Website Speed Test Tools for Analyzing Web Performance」中列出了相關技術說明和優化方式，不過在本文主要側重于這些工具的介紹使用，如果對于細節有興趣，可以回到本文去瀏覽詳細說明。

 

網站速度測試工具欄表

 

現在，你對于網站效能有了一些概念，看看以下16個免費工具，它們能夠用來測試你的網站速度效能。每個工具都有自己的特色、報告及使用不同方式來剖析你的測試結果。

 

注意：在使用這些工具時必須理解，通常第一次 DNS 查詢時間會比較長。如果你要比較這些工具測試出來的加載總時間，最好可以多進行幾次再取結果平均值。

1. Pingdom

Pingdom 可能是較為知名的網站速度測試工具之一。他們的報告分成四個不同部分，其中包含一個瀑布圖、效能等級、頁面分析和歷史。

頁面分析提供全方位的網站信息概述，例如頁面分析、從每個域名獲取的檔案大小（你可以很容易地比較透過 CDN 和直接透過域名獲取的大小）、每個域名的請求數及大多數請求的內容類型為何。

2. GTmetrix

GTmetrix 分析非常詳細，因為它同時檢查 PageSpeed 和 YSlow 指標，為你的網站提供一個從 F 到 A 的評級。分析結果呈現五個不同部分，包括 PageSpeed、YSlow、瀑布圖、影片和歷史。

在免費注冊后，你就能夠從七個不同節點來進行測試。他們也讓你能夠選擇瀏覽器，例如 Chrome 或 Firefox。你也可以測試比較網站在不同連接速度的效能（像是 Cable 或撥接網絡），來看看不同的連接速度如何影響你的網站加載時間。其他進階功能包括錄像功能，可以分析你的網站加載瓶頸，還能加入 Adblock Plus。在阻擋廣告后可以檢查廣告會如何影響你的網站加載速度。

注意：建議注冊一個免費賬戶，你將可以使用更多功能，如上面提到的。

延伸閱讀：GTmetrix 網頁開啟速度檢測、分析工具，協助優化使用者體驗

3. WebPageTest

WebPageTest 與前面提到的工具非常類似，但提供超過 40 個國家節點，且能選擇超過 25 種瀏覽器（包括行動裝置）。根據不同的網站效能給予 F 到 A 等級評分，例如 FTTB、壓縮、快取、使用 CDN 等等。報告分為六部分（摘要、細節、效能、內容和屏幕擷圖）。

這項工具提供了對于測試的獨特方法。它會執行「First view（第一次檢視）」和「Repeat view（重復檢視）」。這有助于診斷一些網站問題，例如前面提到的第一次 DNS 查詢所造成的延遲。WebPageTest 有更多進階功能，例如影片擷取、阻擋 Javascript、忽略 SSL 憑證和設定 User-agent。

4. DareBoost

DareBoost 是市場上較新的工具之一。它提供超過 100 種不同的檢查項目用以分析你的網站速度。它會以 1－100 給予評分。你可以測試桌面端與行動頁面、Firefox 與 Chrome 和五個節點的速度差異。

報告會將優先等級區分出來。如果你注冊免費賬戶，你可以將報告輸出為 PDF 格式或是與其他人的網站進行比較。他們提供了關于 100 種檢查項目非常詳細的信息和范例。除了速度以外，這份報告也有搜索引擎優化（SEO）、易用性（Accessibility）以及程序代碼質量建議。

延伸閱讀：DareBoost 在線分析網站效能，協助優化改善網頁質量

5. Varvy Pagespeed Optimization

Varvy Pagespeed Optimization 由是一個由 Patrick Sexton 開發維護的工具，他也建立了 GetListed.org，也就是 Moz Local 的前身。

報告被分成五個不同部分，包括一個使用的資源圖、CSS 傳送、Javascript 使用、頁面速度問題及使用的服務。這項工具使用很多的圖形來呈現你的網站有那些項目可以修復，例如禁止轉譯。

Patrick 也確實在如何進一步優化你的網站上提出相當關鍵性的教學文件，例如透過瀏覽器快取、延遲加載 JavaScript 等等。

6. Uptrends

Uptrends 是一個非常基本的服務，但提供超過 35 個國家節點讓你選擇并執行網站速度測試工具。他們的報表分為兩部分，一個瀑布圖及域名群組。域名群組提供一個獨特的視角，因為它把資源歸類到不同來源：第一方、統計、CDN、社交網站、廣告及第三方。

7. dotcom-monitor

dotcom-monitor 提供 23 個不同國家節點及七種不同的瀏覽器，讓你用于執行你的網站速度測試。這項服務的特色是你可以同時執行所有地理位置的測試。這可以讓你節省大量時間，因為其他工具必須每個節點單獨測試。然后你可以點選進入每個報告或瀑布圖來查看更詳細的資料。

他們的報表分成五個不同部分，其中包括一個總覽、效能、瀑布圖、主機和錯誤。

8. PageScoring

PageScoring 以提供簡單易懂的簡約設計效能報表著稱。他們會秀出你的整體加載時間以及下列信息：

        域名查找

        連接時間

        重新定向時間

        頁面大小

        下載時間

然后，你可以看到你的網站需要多少時間加載。如果你正在尋找一個快速且簡單的網站速度測試工具，PageScoring 是很不錯的選擇。

9. Yellow Lab Tools

Yellow Lab Tools 是 Ga?l Métais 開發的一款新型網頁效能及前端質量測試工具。此工具給你大量信息及一些在其他工具無法看到的獨特功能，例如頁面加載時 JavaScript 與 DOM 互動和其他程序代碼驗證問題。可以從以下項目取得一個評分：

頁面權重

 

請求數

 

DOM

 

錯誤的 Javascript

 

錯誤的 CSS

 

服務器設定

    JavaScript 時間軸顯示出在加載頁面的過程中，DOM 是如何相互影響。

10. Google Chrome 開發人員工具

當然，我們不能忘記 Google Chrome 的開發人員工具。它是一個非常易用的工具（而且具有進階功能），你可以隨時透過下面的快捷鍵在自己的 Google Chrome 瀏覽器啟用：

Windows：F12 或 Ctrl + Shift + I 。

        Mac：Cmd + Opt + I 。

藉由開發工具的更新，他們已經加入一個更詳細的瀑布時間表。這可以讓使用者更容易看到網站中那個項目花費最多時間，也就能夠按照域名、子域等等來改善。要運行時間軸功能只需要點選「Timeline」標簽，或按下 Ctrl + R（Cmd + R）然后重新整理頁面。你可以點選「Summary」和「Aggregated」卷標來查看詳細信息。

11. Sucuri Load Time Tester

Sucuri Load Time Tester 提供一個快速且簡便的方法來測試從全世界各地連接到你網站的效能表現。它會給你一個整體效能評比，從 A 至 F。這個測試方式是檢測連結到你的網站及單一頁面完整加載時間長度。一個最重要的數值是「Time to First Byte」，這代表內容傳送到瀏覽器及開始處理頁面的時間。

12. Pagelocity

當涉及到網站速度測試時，Pagelocity 工具提供了另一種獨特方法。它給你滿分 100 分的評比測驗，項目取決于社群網站、搜索引擎優化、資源和程序代碼。這個工具也提供追蹤競爭對手的能力。你可以注冊一個免費賬戶來獲取這些額外功能。程序代碼檢視圖在類似工具中是獨一無二的，如果你的網站使用 HTTPS、想知道 TTFB 和圖形化 DOM 元素都能透過這項工具來做到。

13. YSlow

YSlow 是一項開放原始碼項目，基于 Yahoo 的規則能夠分析網站頁面并找出為什么速度過慢的問題。目前由 Marcel Duran 維護，他也參與了 WebPageTest 項目。YSlow 使用三個步驟來獲取效能測試結果：

YSlow 爬蟲爬行 DOM 找到所有組件（圖片、程序等等）。

 

YSlow 獲取有關各個組件的大小（gzip、expire headers 等等）。

 

YSlow 取得數據并依照每條規則產生評比，以此給你一個整體評分。

YSlow 使用 23 條不同規則來執行你的網頁評級。你可以使用免費的 YSlow Chrome 擴充功能從 GTmetrix 獲取 YSlow 結果。

14. PerfTool

PerfTool 是一個開放原始碼效能工具，托管于 Github。它收集有關你網站的各種信息，采用更容易被理解的方式將其顯示于報表上。它將三個數據源合而為一：PageSpeed Insights、devperf 和 W3CJS。它一共給你超過 200 個不同的網站成效指標。

使用 PerfTool 的一個絕佳優點是你可以在同一時間執行多種頁面測試工具，包括 Google PageSpeed Insights。然后，比較先前的網站測試結果、設定得分并取得更詳細的測試報告。實際上如果你想要了解整個網站的效能，這可為你節省大量時間，因為你不用逐一測試每個網頁。

總結

如你所見，以上列出了一些你可以選擇使用的網站速度測試工具。每一項都有自己的獨特功能，我在前面也已經介紹。定期測試你的網站并盡可能獲得好的評分，這段期間也別忘了持續改善網站效能。

一旦你知道網站的瓶頸在那，就可以開始解決這些問題。上面列出的所有工具幾乎都有建議功能。一些常見的修復項目包括：

壓縮你的圖片和檔案。

 

挑選一個快速的虛擬主機。

 

優化你的程序代碼和程序。

 

使用內容傳遞網絡（Content Deliver Network，CDN）。

 

快取。

 

減少 HTTP 請求數量。