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

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

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

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

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

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

• 測(cè)試 Time to First Byte（TTFB）。

• 分析總加載時(shí)間、頁(yè)面大小和總請(qǐng)求數(shù)。

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

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

• 分析 HTTP 頁(yè)首。

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

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

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

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

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

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

1. KeyCDN Website Speed Test

搭梯子訪問。

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

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

2. Google PageSpeed Insights

梯子訪問。

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

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

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

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

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

3. Pingdom

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

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

4. GTmetrix

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

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

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

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

5. WebPageTest

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

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

6. DareBoost

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

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

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

7. Varvy Pagespeed Optimization

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

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

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

8. Uptrends

Uptrends 是一個(gè)非常基本的服務(wù)，但提供超過 35 個(gè)國(guó)家節(jié)點(diǎn)讓你選擇并執(zhí)行網(wǎng)站速度測(cè)試工具。他們的報(bào)表分為兩部分，一個(gè)瀑布圖及域名群組。域名群組提供一個(gè)獨(dú)特的視角，因?yàn)樗奄Y源歸類到不同來源：第一方、統(tǒng)計(jì)、CDN、社交網(wǎng)站、廣告及第三方。

9. dotcom-monitor

dotcom-monitor 提供 23 個(gè)不同國(guó)家節(jié)點(diǎn)及七種不同的瀏覽器，讓你用于執(zhí)行你的網(wǎng)站速度測(cè)試。這項(xiàng)服務(wù)的特色是你可以同時(shí)執(zhí)行所有地理位置的測(cè)試。這可以讓你節(jié)省大量時(shí)間，因?yàn)槠渌ぞ弑仨毭總€(gè)節(jié)點(diǎn)單獨(dú)測(cè)試。然后你可以點(diǎn)選進(jìn)入每個(gè)報(bào)告或瀑布圖來查看更詳細(xì)的資料。

他們的報(bào)表分成五個(gè)不同部分，其中包括一個(gè)總覽、效能、瀑布圖、主機(jī)和錯(cuò)誤。

10. PageScoring

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

• 域名查找

• 連接時(shí)間

• 重新定向時(shí)間

• 頁(yè)面大小

• 下載時(shí)間

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

11. Yellow Lab Tools

Yellow Lab Tools 是 Ga?l Métais 開發(fā)的一款新型網(wǎng)頁(yè)效能及前端質(zhì)量測(cè)試工具。此工具給你大量信息及一些在其他工具無法看到的獨(dú)特功能，例如頁(yè)面加載時(shí) JavaScript 與 DOM 互動(dòng)和其他程序代碼驗(yàn)證問題?？梢詮囊韵马?xiàng)目取得一個(gè)評(píng)分：

• 頁(yè)面權(quán)重

• 請(qǐng)求數(shù)

• DOM

• 錯(cuò)誤的 Javascript

• 錯(cuò)誤的 CSS

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

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

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

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

• Windows：F12 或 Ctrl + Shift + I 。

• Mac：Cmd + Opt + I 。

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

13. Sucuri Load Time Tester

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

14. Pagelocity

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

15. YSlow

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

16. PerfTool

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

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

總結(jié)

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

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

• 壓縮你的圖片和檔案。

• 挑選一個(gè)快速的虛擬主機(jī)。

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

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

• 快取。

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

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