2023-03-13 分類: 網(wǎng)站建設(shè)
一個(gè)網(wǎng)站的速度可以是成功的關(guān)鍵因素。越快載入的網(wǎng)站將有助于更好的SEO評(píng)分、更高轉(zhuǎn)換率、降低跳出率,延長訪客停留在網(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 WebPerformance」中列出了相關(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ì)比較長。如果你要比較這些工具測(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è)國家節(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è)國家節(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è)不同國家節(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 以提供簡單易懂的簡約設(shè)計(jì)效能報(bào)表著稱。他們會(huì)秀出你的整體加載時(shí)間以及下列信息:
域名查找
連接時(shí)間
重新定向時(shí)間
頁面大小
下載時(shí)間
然后,你可以看到你的網(wǎng)站需要多少時(shí)間加載。如果你正在尋找一個(gè)快速且簡單的網(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è)快速且簡便的方法來測(cè)試從全世界各地連接到你網(wǎng)站的效能表現(xiàn)。它會(huì)給你一個(gè)整體效能評(píng)比,從 A 至 F。這個(gè)測(cè)試方式是檢測(cè)連結(jié)到你的網(wǎng)站及單一頁面完整加載時(shí)間長度。一個(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è)工具也提供追蹤競爭對(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ù)量。
當(dāng)前名稱:【站長必收藏】14個(gè)超實(shí)用的免費(fèi)網(wǎng)站測(cè)速工具
鏈接分享:http://www.rwnh.cn/news/244012.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站制作、企業(yè)建站、網(wǎng)站內(nèi)鏈、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容