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

這里是一些網(wǎng)站速度測試工具常用的方法：

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

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

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

• 確定是否有禁止轉(zhuǎn)譯（Render-blocking）的 JavaScript 或 CSS。

• 測試 Time to First Byte（TTFB）。

• 分析總加載時間、頁面大小和總請求數(shù)。

• 從不同的地理位置檢查網(wǎng)站效能。

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

• 分析 HTTP 頁首。

• 測試你的內(nèi)容傳遞網(wǎng)絡(luò)（CDN）性能。

• 驗證數(shù)據(jù)能正確從你的 CDN 加載。

在 KeyCDN 原文「16 Website Speed Test Tools for Analyzing Web Performance」中列出了相關(guān)技術(shù)說明和網(wǎng)站優(yōu)化方式，不過在本文主要側(cè)重于這些工具的介紹使用，如果對于細(xì)節(jié)有興趣，可以回到本文去瀏覽詳細(xì)說明。

網(wǎng)站速度測試工具欄表

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

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

1. KeyCDN Website Speed Test

搭梯子訪問。

KeyCDN 建立了一個快速且輕量級網(wǎng)站速度測試工具，你可以透過它來得到你的網(wǎng)站效能數(shù)據(jù)。你能選擇世界各地共 14 個節(jié)點，且控制是否讓測試結(jié)果公開。這個測試包含了一個瀑布圖（waterfall breakdown），最下方會有一個可視化網(wǎng)站預(yù)覽圖。你可以快速看到有多少個 HTTP 請求數(shù)、請求頁面的完整大小和加載時間。

這也是 PageSpeed 以外唯一支持響應(yīng)式設(shè)計的工具，且能在行動裝置上運作自如。

2. Google PageSpeed Insights

梯子訪問。

Google PageSpeed Insights 是一個網(wǎng)站速度測試工具，以 1－100 分來評比網(wǎng)站。分?jǐn)?shù)越高代表網(wǎng)站優(yōu)化效果越好。通常在 85 分以上就表示你的網(wǎng)站表現(xiàn)良好。PageSpeed 給你包括桌面及行動版網(wǎng)頁兩種報告。你可以查看建議來改善網(wǎng)站成效，例如最小化 CSS 或優(yōu)化你的圖片大小。

PageSpeed Insights 測量如何提高網(wǎng)頁的效能：

• time to above-the-fold load：從使用者請求一個新頁面，到網(wǎng)頁上方內(nèi)容由瀏覽器顯示出來瞬間所經(jīng)過的時間。

• time to full page load：從使用者請求一個新頁面，到網(wǎng)頁被瀏覽器完全加載時間。

行動裝置報告有一個額外分類名為「使用者體驗」。包含檢查你的網(wǎng)站 Viewpoint 設(shè)定、按點目標(biāo)大?。ò粹o和鏈結(jié)）以及字體大小。

3. Pingdom

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

頁面分析提供全方位的網(wǎng)站信息概述，例如頁面分析、從每個域名獲取的檔案大?。憧梢院苋菀椎乇容^透過 CDN 和直接透過域名獲取的大?。?、每個域名的請求數(shù)及大多數(shù)請求的內(nèi)容類型為何。這對你的網(wǎng)站優(yōu)化也有很大的幫助！

4. GTmetrix

GTmetrix 分析非常詳細(xì)，因為它同時檢查 PageSpeed 和 YSlow 指標(biāo)，為你的網(wǎng)站提供一個從 F 到 A 的評級。分析結(jié)果呈現(xiàn)五個不同部分，包括 PageSpeed、YSlow、瀑布圖、影片和歷史。

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

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

延伸閱讀：GTmetrix 網(wǎng)頁開啟速度檢測、分析工具，協(xié)助優(yōu)化使用者體驗

5. WebPageTest

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

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

6. DareBoost

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

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

延伸閱讀：DareBoost 在線分析網(wǎng)站效能，協(xié)助網(wǎng)站優(yōu)化，提升網(wǎng)站質(zhì)量。

7. Varvy Pagespeed Optimization

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

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

Patrick 也確實在如何進(jìn)一步對你的網(wǎng)站優(yōu)化提出相當(dāng)關(guān)鍵性的教學(xué)文件，例如透過瀏覽器快取、延遲加載 JavaScript 等等。

8. Uptrends

Uptrends 是一個非?；镜姆?wù)，但提供超過 35 個國家節(jié)點讓你選擇并執(zhí)行網(wǎng)站速度測試工具。他們的報表分為兩部分，一個瀑布圖及域名群組。域名群組提供一個獨特的視角，因為它把資源歸類到不同來源：第一方、統(tǒng)計、CDN、社交網(wǎng)站、廣告及第三方。

9. dotcom-monitor

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

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

10. PageScoring

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

• 域名查找

• 連接時間

• 重新定向時間

• 頁面大小

• 下載時間

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

11. Yellow Lab Tools

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

• 頁面權(quán)重

• 請求數(shù)

• DOM

• 錯誤的 Javascript

• 錯誤的 CSS

• 服務(wù)器設(shè)定

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

12. Google Chrome 開發(fā)人員工具

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

• Windows：F12 或 Ctrl + Shift + I 。

• Mac：Cmd + Opt + I 。

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

13. Sucuri Load Time Tester

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

14. Pagelocity

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

15. YSlow

YSlow 使用 23 條不同規(guī)則來執(zhí)行你的網(wǎng)頁評級。你可以使用免費的 YSlow Chrome 擴充功能從 GTmetrix 獲取 YSlow 結(jié)果。

16. PerfTool

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

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

總結(jié)

如你所見，以上列出了一些你可以選擇使用的網(wǎng)站速度測試工具。每一項都有自己的獨特功能，我在前面也已經(jīng)介紹。定期測試你的網(wǎng)站并盡可能獲得好的評分，這段期間也別忘了持續(xù)改善網(wǎng)站效能。只有這樣，才能將網(wǎng)站優(yōu)化做的越來越好！

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

• 壓縮你的圖片和檔案。

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

• 優(yōu)化你的程序代碼和程序。

• 使用內(nèi)容傳遞網(wǎng)絡(luò)（Content Deliver Network，CDN）。

• 快取。

• 減少 HTTP 請求數(shù)量。

  以上內(nèi)容由網(wǎng)商學(xué)院提供，更多網(wǎng)站優(yōu)化技巧請移步到建站平臺中億智企云。