10 款最佳 WordPress 速度測試工具,可提高網站性能(帶基準)
已發表: 2019-11-29
網站速度是用戶體驗的基石。 如果頁面加載時間超過三秒,您的訪問者可能會繼續前進,而您將失去轉換的機會。 因此,任何 WordPress 網站所有者都不能忽視網站速度。 除了用戶體驗之外,還要檢查網站速度,因為這是 SERP 排名中的一個重要信號。 事實上,頁面加載速度是少數公開接受的谷歌 SERP 排名信號之一。 網站速度對於提高跳出率和增加會話時間也至關重要。
現在讓我們假設您已經完成了搜索引擎優化 (SEO) 和營銷,因此該網站擁有值得炫耀的流量。 但是,如果您的所有努力都因網頁加載緩慢而付之東流怎麼辦?
您將失去搜索引擎排名,更重要的是失去喜歡完美、快速加載網站的潛在客戶。
如果您認真對待網站性能,請檢查網站速度,進行此類速度測試的最簡單方法是使用在線 WordPress 速度測試工具。
- 為什麼頁面速度很重要?
- 什麼網站速度測試工具分析?
- 首字節時間 (TTFB)
- 阻止渲染的 JavaScript 和 CSS
- 縮小
- 最佳 WordPress 網站性能測試工具
- 谷歌頁面速度洞察
- GTmetrix
- Pingdom 工具
- WebPageTest.org
- 慢
- 新遺物
- 上升趨勢
- 黃色實驗室工具
- Sucuri 加載時間測試器
- 站點 24×7
我們已經編寫了一份關於加速 WordPress 網站的詳盡指南。 今天,我將探索幾個 WordPress 速度測試工具,並演示如何使用它們來分析您的網站性能。
為什麼頁面速度很重要?
只有當頁面在三秒內加載時,才有可能獲得出色的用戶體驗。 流暢加載的內容和圖像令人賞心悅目,當人們對糟糕的頁面速度感到惱火時,他們往往會進行更多的互動。
許多網站所有者經常忽視頁面加載速度,因為他們不定期測試他們的網站。 事實上,網站在第一次上傳後就會立即進行速度評估。 在那之後,沒有多少網站所有者測試他們的網站並依靠用戶評論來解決與速度相關的問題。
頁面加載速度直接影響網站的跳出率,因為頁面加載速度慢,用戶通常不會點擊頁面上的內部鏈接。 此外,在增加平均會話時間方面,頁面加載速度是一個重要因素。 快速加載頁面鼓勵訪問者與網站進行更多互動,並深入了解頁面上提到的相關資源。 因此,網站變得“粘性”,轉化機會更大。
所有這些因素對於建立和保持您的品牌形像以及讓您在市場競爭中佔據優勢都很重要。
什麼網站速度測試工具分析?
到目前為止,我已經確定了檢查網站速度的重要性。 要了解這些工具如何對您網站的性能評估做出貢獻,了解這些工具分析的以下參數非常重要。
注意:影響網站性能的最重要因素之一是託管網站的託管服務提供商。 如果託管服務提供商定期修補和更新服務器,則該網站將在網站速度測試中表現出色。
首字節時間 (TTFB)
首字節時間 (TTFB) 是 Web 服務器開始響應瀏覽器發送的請求所花費的時間。 它直接連接到託管服務提供商的延遲和您的網站託管的實際服務器。
Cloudways 等幾個提供商使用高級堆棧來克服服務器級別的延遲問題。 在離目標受眾最近的數據中心託管您的網站也有助於減少 TTFB。
內容交付網絡 (CDN) 是改進 WordPress 網站 TTFB 的另一種方式。 該網絡從最接近請求客戶端的服務器提供網站的靜態內容。 這消除了由服務器和客戶端之間的距離引起的延遲問題。
請注意,CDN 最適合擁有真正全球受眾的網站。 如果您的受眾是本地化的,您可能無法享受 CDN 與 WordPress 網站集成的全部影響。
阻止渲染的 JavaScript 和 CSS
網頁包含用於樣式設置的 CSS 和用於客戶端功能的 JavaScript。 這些資源對於網站正常運行至關重要。 但是,Google 建議以不影響整體用戶體驗的方式管理此資源。
渲染阻塞是通過管理對特定資源的請求來執行的。 在獲取外部 JS 文件的情況下,它應該與 HTML 對齊。 這減少了發送到外部服務器的請求數量。 對於 CSS 文件,最好減少/合併以使其與 HTML 對齊。 它可以保存從外部服務器到用戶瀏覽器的行程。 此外,通過減少 CSS 文件的數量來優化 CSS。
縮小
縮小是另一個參數,大多數網站測試工具都強調了這一點。 縮小是通過消除註釋、空格和換行符來減小 CSS 和 JS 文件大小的過程。 確保在應用到實時網站之前進行測試,因為如果未正確實施,CSS 在破壞網站方面很受歡迎。
影響網站速度測試的重要因素之一是您選擇的託管服務提供商。 如果您在可靠的主機上託管您的網站,那麼您的網站速度取決於您構建網站的方式。
HTTP 請求
HTTP 是一種傳輸協議,在客戶端發出請求而服務器發送響應時使用。 所有動態調用都會觸發 HTTP 請求,這些請求的數量加起來會對網頁加載速度產生負面影響。
可以通過以下方式處理和優化這些 HTTP 請求以提高速度:
- 結合 CSS 和 JS 文件(如果可能)以減少 HTTP 調用次數。
- 使用內聯 JavaScript 代碼(在小腳本的情況下)
- 使用 CSS 精靈
避免不必要的第三方插件,因為它們會生成 HTTP 請求以從服務器獲取信息/數據
最佳 WordPress 網站性能測試工具
1. 谷歌頁面速度洞察

Google 的PageSpeed Insights是一個很棒的工具,可以檢查網站速度以根據各種參數評估網站性能。 這個免費工具在速度和性能方面對桌面和移動版本進行評分。 移動版本的評分尤為重要,因為如今網站收到的移動流量不斷增加。

第一組三色水平條代表 FCP(First Contentful Paint),這意味著網站在屏幕上繪製內容所花費的時間。 在上面的場景中,網站在不到 1.1 秒的時間內加載了 65% 的頁面內容。 第二個條形表示 DCL (DOMContentLoaded),它顯示 DOM 何時準備就緒。
在同一頁面上,它還建議了可能的用戶優化和獲得更好結果的地方,例如圖像優化、JS 和 CSS 的縮小以及瀏覽器緩存。
2. GTmetrix

GTmetrix是另一個用於檢查網站速度的免費工具。 由於詳細的性能報告,該工具在 WordPress 社區中非常受歡迎。 我建議註冊一個免費帳戶,該帳戶可以為網站性能測試解鎖多個自定義選項。
您可以從帳戶可用的七個位置中選擇一個測試服務器位置。 此外,您可以選擇 Firefox 或 Chrome(桌面或移動)作為測試瀏覽器。 您還可以選擇互聯網連接類型,其中包括 3G 選項。

GTmetrix 的記分卡由兩部分組成:頂部選項卡和底部列表。 頂部選項卡顯示整體頁面速度得分,YSlow Score 主要處理您網站的前端結構、加載時間、頁面大小和請求數量。
底部列表提供了詳細的性能見解。 它分別進一步分為 PageSpeed、YSlow、Waterfall、Timings、Video 和 History 選項卡。 每個都包含有用的見解,並告訴您問題所在的確切位置。
瀑布圖是每個元素加載所需時間的圖形描述。 您還可以展開高級診斷的元素詳細信息。

“歷史記錄”選項卡以圖形格式顯示同一網站的先前結果。 除了下面顯示的 HTML/頁面加載時間圖外,您還可以看到圖形格式的“頁面大小和請求計數”和“頁面速度和 YSlow 分數”。

GTmetrix 還為希望測試網站速度的開發人員提供了令人難以置信的功能! 您想將 RESTful API Web 測試服務集成到您的開發環境或應用程序中嗎? 好吧,GTmetrix 每天為您提供 20 個 API 積分,每個分析請求消耗一個積分。
還可以方便地定期對您的網站進行自動加載時間測試!
3. Pingdom 工具

Pingdom Tools是檢查網站速度的絕佳工具,因為它可以讓您從七個不同的位置選擇測試服務器。 但是,對於免費帳戶,沒有選擇瀏覽器或連接速度的選項,這是 Pingdom Tools 的一個嚴重缺點。

該工具為您的網站分配了 100 分的性能等級,分析顯示了加載時間和頁面大小。 一個獨特的功能是,與在該平台上測試的所有其他網站相比,它會向您顯示您網站在性能方面的百分比。
瀑布圖顯示了每個請求標頭的大量詳細信息。

與其他工具不同,Pingdom Tools 不依賴於 Page Speed 或 YSlow 指標; 它使用其指標來衡量您的網站性能。 每個元素都有可擴展的詳細信息。

我看到這個工具的方式,最好的功能是頁面分析選項卡。 它顯示每個狀態(等待、連接、接收等)花費的時間、每個內容類型(圖像、腳本、HTML 等)花費的時間和每個域花費的時間。 此信息通常被證明對識別增加整體頁面加載時間的頁面元素有很大幫助。

您還可以在“歷史記錄”選項卡中查看頁面加載時間、頁面大小和請求計數以及頁面速度得分圖表。

4. WebPageTest.org
WebPageTest.org 是檢查網站速度以評估網站速度的絕佳工具。 除了加載時間分析,您還可以在您的網站上運行 ICMP 跟踪路由。
對於加載時間分析,您可以選擇跨越北美和南美、歐洲和亞洲的測試服務器位置。 瀏覽器選擇有 IE 11、Chrome、Canary 和 Firefox。 它還支持適用於 Android 和 iOS 的移動設備。
此頁面速度洞察工具的高級設置允許您錄製渲染視頻、選擇連接類型、捕獲網絡日誌,您甚至可以插入自定義腳本!

與 GTmetrix 和 Pingdom Tools 一樣,該工具也提供分級,但使用不同的參數。 其他詳細信息包括加載時間、第一個字節的時間、完整文檔和頁面完全加載的請求數。
瀑布視圖的細節比 GTmetrix 版本稍差,因為您無法展開單個元素。


然而,WebPageTest 用另一個我喜歡的很酷的圖形功能彌補了這個缺點。 它顯示了 CPU 利用率和帶寬的基於時間的圖表。

另一個技術性且非常有用的圖表是連接視圖。 您可以使用此工具找出是初始連接、DOM 內容還是加載時間,這對您的總加載時間增加最多。

“內容細分”頁面顯示了按各種元素組成的頁面組成的餅圖。

4. YSlow
YSlow 是由科技巨頭雅虎開發的用於檢查網站速度的網絡測試工具! 要使用此工具,您必須安裝適用於所有主要 Web 瀏覽器的瀏覽器擴展。 訪問他們的網站並下載擴展程序。

該工具根據 23 個關鍵網站性能指標來測試您的網站。

YSlow 報告卡看起來像這樣。 像往常一樣,您有提高 WordPress 性能的建議。

YSlow 缺少瀑布功能。 但是,它確實具有內容細分和組件信息。 在我們看來,如果您想根據 YSlow 規則衡量您的網站,最好嘗試使用 GTmetrix。


5. 新遺物
New Relic 是一個應用程序性能管理工具 (APM)。 它是用於監控您網站的各種性能指標的下一代工具。 此工具突出顯示所有導致網站速度變慢的主要問題。

New Relic APM 儀表板包含不同報告的選項卡。 WordPress 特定選項卡對 WordPress 用戶來說非常方便,因為它可以讓您深入了解與 WordPress 相關的活動,其中包括在您的 WordPress 網站上運行的插件、主題和外部資源。

其他有用的見解包括數據庫監控,它可以幫助您識別和分析數據庫行為以及它處理查詢的效率,以及服務水平協議 (SLA),它顯示您網站在特定時期的行為和性能。 我們可以比較它來分析高峰時段最佳性能的關鍵指標。
New Relic 是動態團隊採用的一個很好的工具,它甚至關心網站性能的微小變化。 它可以幫助他們實時識別問題並立即採取行動,而不會浪費任何時間。
7. 上升趨勢

UpTrends是一個易於使用的工具,用於檢查 WordPress 速度測試。 就像 Google PageSpeed Insights 工具一樣,它還可以讓您測試 WordPress 網站在桌面和移動設備上的速度以及帶寬類型。 它像 Pingdom 和 GTmetrix 一樣給出了網站的整體評論。

測試報告分為瀑布和域組兩部分。

Domain Group 是一個獨特的視角,可以根據第一方和第三方來源等資源來分析網站。
8. 黃色實驗室工具

這是另一個 WordPress 速度測試網站,用於檢查網站速度。 Yellow Lab Tools 可免費使用,並提供用於開發自定義測試環境的選項。

如果網站受密碼保護,它允許用戶定義 cookie,輸入作者憑據:代理設置,以及用戶在測試時喜歡阻止的域。
Yellow Lab Tools 的記分卡生動,並使用多種顏色顯示關鍵指標。 這些指標包括一些請求、DOM 複雜性(該工具的關鍵特性)以及其他前端相關參數。

9. Sucuri 加載時間測試器

Sucuri是最受歡迎的 WordPress 安全插件,還提供了 WordPress 速度測試工具。 它提供了有關您的網站加載完整頁面所需時間的寶貴見解。 它還評估來自多個位置的連接並顯示第一個字節的時間。

記分卡的第二部分給出了連接、首字節時間和總時間的圖形表示。 用戶還可以從右側菜單中禁用位置。

10.場地24×7

Site24x7是另一個用於檢查網站速度的出色 Web 測試工具。 就像 Pingdom 一樣,它還為您提供了從世界各地選擇多個測試地點的選項。
該工具提供了全面且易於理解的統計數據,分為多個表格。 前兩個表顯示基本統計信息,例如加載時間、請求數量、頁面速度得分和頁面大小。

下表進一步分為響應時間摘要、網頁摘要和 PageSpeed Insights 選項卡。
響應時間摘要包含各種 URL 的細分以及加載它們的時間。 這還包含與圖像、CSS 和 JS 文件等各種資產相關的信息。

網頁摘要選項卡包含請求和頁面大小的圖形表示。 再往下,它有一個包含域列表以及請求數量和文件大小的表。

PageSpeed Insights 通過為各種參數(例如壓縮、縮小、請求大小和圖像優化)分配等級,讓您了解您的網站在測試期間的表現如何。

10 款 WordPress 速度測試工具列表現已結束。
最後的想法
在這篇文章中,我介紹了頁面速度的重要性以及它如何直接影響您網站的 SERP 排名。 我還介紹了十大最受歡迎的 WordPress 網站測試工具,它們可以通過提供有價值的見解來幫助您優化網站。
我強烈建議您經常測試您的網站的性能,以突出任何與性能相關的問題,並為您網站的下一個訪問者保持流暢。
問:如何檢查我的 WordPress 速度?
您可以通過 Google Page Speed Insights、GTmetrix 和 Pingdom Tools 等幾種流行工具檢查 WordPress 網站速度。 請注意,如果您使用多種工具,結果可能會因底層測試方法而異。
問:如何測試我的網站速度?
為了說明測試 WordPress 網站速度的過程,我將使用 Google 的 PageSpeed Insights 工具。 只需輸入網站 URL 並等待結果。 分數明細如下:
0-49 差
50-89 平均
90+ 好
問:GTmetrix 好用嗎?
GTmetrix 是一款非常可靠的網站加載速度測量工具。 雖然它有一個過時的用戶界面,但其性能可與 Google PageSpeed Insights 等行業標準工具相媲美。
問:什麼是滿載時間?
完全加載時間是 GTmetrix,它定義了上次下載和網絡活動中斷之間的時間段。 在測試此指標時,GTmetrix 加載資源,然後中斷兩秒鐘以檢查服務器是否仍在發送數據。 此指標應少於 2 秒,以指示資源已成功(下載)加載。
問:Google PageSpeed Insights 準確嗎?
Google PageSpeed Insights 被認為是衡量頁面加載速度的行業標準。 數以百萬計的網站所有者和開發人員使用它來衡量網站性能並提高頁面加載速度。
