国产a一级-国产a网-国产a视频精品免费观看-国产a视频-国产a免费观看-国产a毛片

一個(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í)間、頁面大小和總請(qǐng)求數(shù)。

 

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

 

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

 

分析 HTTP 頁首。

 

測(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ù)說明和優(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. Pingdom

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

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

2. 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)頁開啟速度檢測(cè)、分析工具，協(xié)助優(yōu)化使用者體驗(yàn)

3. 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。

4. DareBoost

DareBoost 是市場(chǎng)上較新的工具之一。它提供超過 100 種不同的檢查項(xiàng)目用以分析你的網(wǎng)站速度。它會(huì)以 1－100 給予評(píng)分。你可以測(cè)試桌面端與行動(dòng)頁面、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é)助優(yōu)化改善網(wǎng)頁質(zhì)量

5. Varvy Pagespeed Optimization

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

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

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

6. 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)站、廣告及第三方。

7. 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ò)誤。

8. PageScoring

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

        域名查找

        連接時(shí)間

        重新定向時(shí)間

        頁面大小

        下載時(shí)間

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

9. Yellow Lab Tools

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

頁面權(quán)重

 

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

 

DOM

 

錯(cuò)誤的 Javascript

 

錯(cuò)誤的 CSS

 

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

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

10. 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）然后重新整理頁面。你可以點(diǎn)選「Summary」和「Aggregated」卷標(biāo)來查看詳細(xì)信息。

11. 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)站及單一頁面完整加載時(shí)間長(zhǎng)度。一個(gè)最重要的數(shù)值是「Time to First Byte」，這代表內(nèi)容傳送到瀏覽器及開始處理頁面的時(shí)間。

12. 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)工具來做到。

13. YSlow

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

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

 

YSlow 獲取有關(guān)各個(gè)組件的大小（gzip、expire headers 等等）。

 

YSlow 取得數(shù)據(jù)并依照每條規(guī)則產(chǎn)生評(píng)比，以此給你一個(gè)整體評(píng)分。

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

14. 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í)行多種頁面測(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)頁。

總結(jié)

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

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

壓縮你的圖片和檔案。

 

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

 

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

 

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

 

快取。

 

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