Pingdom 速度測試工具 - 如何提高 Pingdom 分數

與緩慢加載的網站相比，快速加載的網站總是獲得更多的流量，這會影響排名和性能。 在本文中，我將討論 Pingdom 速度測試工具，它可以幫助您了解站點中的任何性能問題。 目標是讓您了解您的網站有多快以及如何使其更快。

用戶常常誤解 Pingdom 速度測試工具數據，以至於惡化他們的網站速度。 請記住，始終將所有工具用作指導使用，因為它們不是 100% 準確的。

什麼是 Pingdom 速度測試工具以及它提供什麼？

Pingdom 是一種流行的免費網絡速度測試工具，是您網站、應用程序和服務器的監控解決方案。 它不僅可以監控正常運行時間，還可以監控負載性能，以便您了解訪問者對您網站的體驗。 Pingdom 提供諸如正常運行時間監控、頁面速度監控、事務監控、服務器監控和訪問者洞察 (RUM) 等服務。

為什麼如此受歡迎？ 嗯，它可能是監控網站速度和頁面性能的最簡單的工具。 並不是所有的用戶都能成為性能專家，所以對於普通的 WordPress 用戶來說是一個不錯的選擇。

讓我們看看如何在 Pingdom 上執行測試。 使用Pingdom的速度測試工具是不是一個大問題-只需要去Pingdom的網站，輸入您的網址，並根據訪問者的位置選擇位置。 然後單擊“開始測試”按鈕。

Pingdom 速度測試工具允許您在全球7 個不同的測試地點（5 個大洲）測試您的網站：

• 亞洲 – 日本 – 東京
• 歐洲 – 德國 – 法蘭克福
• 歐洲 – 英國 – 倫敦
• 北美 – 美國 – 華盛頓特區
• 北美 – 美國 – 舊金山
• 太平洋 – 澳大利亞 – 悉尼
• 南美洲 – 巴西 – 聖保羅

那麼，哪個 Pingdom 網站速度測試位置最適合測試？ 這取決於您網站的訪問者。 確保選擇靠近訪問者的位置。 如果您的網站受眾位於歐洲，那麼您有 2 個選項可供選擇：（歐洲 - 德國 - 法蘭克福）或（歐洲 - 英國 - 倫敦） 。 如果您的網站擁有全球訪問者，請在不同位置測試您的網站並採取適當的改進措施。

使用 Pingdom 速度測試工具了解瀑布分析

一個網頁通常是HTML、CSS、JavaScript和媒體文件的組合，這些文件中的每一個都會生成一個在服務器上呈現的請求。 更多的請求可能是網站速度緩慢的原因。 Pingdom 速度測試工具上有多個部分指示評分和改進建議。 Pingdom 速度測試工具部分是：

• Pingdom 摘要
• 提高頁面性能
• 響應代碼
• 按內容類型劃分的內容大小和請求
• 按域劃分的內容大小和請求
• 瀑布圖

在本節中，我將向您解釋如何進行瀑布分析，我將分解每個 Pingdom 部分並進行更詳細的解釋。

Pingdom 摘要

當您通過 Pingdom 運行 WordPress 網站時，它會根據性能等級、頁面大小、加載時間和請求生成結果。

當您多次測試您的網站時，您會注意到您的網站加載時間在每次測試中都會發生變化，而其他結果（性能等級、頁面大小和請求）保持不變。 這種加載時間差異的原因是DNS 緩存、CDN 緩存、WordPress 緩存和外部API。

改進的 Pingdom 分數取決於您的 Web 應用程序和服務器配置。 可能無法始終獲得 100% 的分數，尤其是在您運行電子商務網站時，但總有改進的餘地。

提高頁面性能

提高頁面性能部分包括綜合性能等級以及關於提高頁面性能的建議。雖然這些建議可能不適用於每個網站，但它們增加了改進的機會。

讓我們來看看這些建議。

1) 使用內容交付網絡 (CDN)

在您的 WordPress 網站上使用的最重要的東西是CDN（內容交付網絡）。 CDN 是指一組地理分佈的服務器，可提供 Internet 內容的快速交付。 這些是位於全球的服務器網絡。 CDN 通過使 Web 內容更接近用戶所在的位置，從而允許快速傳輸 Web 內容。

如果您是 Cloudways 用戶，那麼您可以利用 CloudwaysCDN。 所有 Cloudways 託管計劃都有內置的 CloudwaysCDN，只需單擊幾下即可啟用。 要了解更多信息，請查看 Cloudways 上的 WordPress CDN 博客。

讓我們來看看一些第三方 CDN 提供商：

1. 密鑰CDN
2. CloudFlare CDN
3. 亞馬遜雲前線
4. CDN77

在這裡，您可以看到三個廣泛使用的流行 CDN 提供商的 WordPress CDN 基準測試。

2) 避免 HTTP 404 (Not Found) 錯誤

當請求無法成功完成時，Pingdom 速度測試工具建議中會顯示避免 HTTP (404) 錯誤。 損壞的鏈接，例如當您手動將鏈接附加到頁面內已刪除的圖像時，會導致 404 錯誤。

始終確保不會為不再存在的資產生成請求。

3) 盡量減少重定向

Pingdom 速度測試工具最常見的建議是“最小化重定向”。 當您網站上的一個頁面導致另一個頁面加載時，就會發生重定向。 當您將HTTP重定向到HTTPS ，將www重定向到非 www並且更新後的帖子的 URL 已更改時，可能會發生這些情況。

您可以採取以下幾項措施來防止網站重定向過多：

1. 永遠不要鏈接到已經有重定向的頁面，因為這會導致多次重定向。
2. 確保刪除可能導致不必要重定向的停用/未使用的插件。
3. 在您的站點上創建鏈接時，請使用正確的前綴 HTTP 或 HTTPS 並檢查它是 www 還是非 www。

如果您想了解有關重定向的更多信息，請查看有關 WP 301 重定向的 Cloudways 文章。

4) 添加過期標題

所有 WordPress 網站文件都會為第一次訪問的人一一加載。 在您的 Web 瀏覽器和服務器之間生成的請求會增加網站加載時間。 瀏覽器緩存將網站文件保存到訪問者的計算機上，因此當他們再次訪問網站時，網站會從瀏覽器緩存而不是服務器加載，從而加快網站速度。

但是瀏覽器如何知道要保存哪個文件以及從服務器加載哪個文件，以及將它們保留多長時間？ 這就是 Expires Headers 的用武之地。這些規則告訴 Web 瀏覽器是從訪問者的瀏覽器緩存還是從您的服務器加載網頁資源。

現在，讓我們進入實際的操作部分。 我將向您展示如何使用兩種不同的方法添加過期標題。

使用插件添加過期標題

安裝 W3 Total Cache 插件。 安裝並激活後，轉到WordPress 儀表板 > 性能 > 瀏覽器緩存，然後啟用“設置過期標頭”選項並保存更改。

如果您想了解有關 W3 Total Cache 插件的更多信息，請參閱 Cloudways 文章如何使用 WordPress W3 Total Cache 插件實現更快的網站。

使用代碼添加過期標題

您還可以使用代碼添加過期標題。 為此，請確定您的網站是使用 Apache 還是 Nginx 服務器。 為此，請在瀏覽器上運行您的網站，按Ctrl + Shift + I轉到該網站的網絡（可能您需要刷新該網站一次），單擊頂部的域名，然後轉到標題部分。 在那裡，您會找到您的服務器名稱。

要將過期標頭添加到 Apache 服務器，請使用任何 FTP 服務器 (Filezilla) 和 .htaccess 文件頂部的給定代碼訪問您的 .htaccess 文件。

 ## 過期頭緩存##
<IfModule mod_expires.c>
過期激活
ExpiresByType image/jpg "訪問 1 年"
ExpiresByType 圖像/jpeg“訪問 1 年”
ExpiresByType 圖像/gif“訪問 1 年”
ExpiresByType 圖像/png“訪問 1 年”
ExpiresByType 圖像/svg“訪問 1 年”
ExpiresByType text/css "訪問 1 個月"
ExpiresByType 應用程序/pdf“訪問 1 個月”
ExpiresByType 應用程序/javascript“訪問 1 個月”
ExpiresByType 應用程序/x-javascript“訪問 1 個月”
ExpiresByType 應用程序/x-shockwave-flash “訪問 1 個月”
ExpiresByType 圖像/x 圖標“訪問 1 年”
ExpiresDefault "訪問 3 天"
</IfModule>
## 過期頭緩存##

在 Cloudways，您不能在 Nginx 級別進行任何更改，但您可以使用 Apache 規則並在應用程序的 .htaccess 文件中添加過期標頭。 有關更多信息，請查看 Cloudways 文章利用 WordPress 中的瀏覽器緩存來優化頁面加載時間。

5) 減少 HTTP 請求

每次加載網站時，都會有一堆技術性的東西在用戶屏幕上傳遞內容，包括 HTTP 請求。 那麼什麼是 HTTP 請求呢？ 它如何影響用戶體驗？ 你能做些什麼來減少你網站的 HTTP 請求？

當有人訪問您網站上的頁面時，該人的Web 瀏覽器會向您的Web 服務器發送請求。 您的服務器託管他們試圖在您的網站上查看的網頁。 對於每個文件，Web 瀏覽器都需要發出單獨的 HTTP 請求，因此您的網站擁有的文件越多，瀏覽器生成的HTTP 請求就越多。 更多的 HTTP 請求會影響您網站的用戶體驗。

以下是一些減少 HTTP 請求的廣泛策略：

• 通過刪除對您的站點沒有任何價值的不必要插件來刪除 HTTP 請求，因為插件通常會加載自己的 CSS 和 JavaScript。
• 通過將多個 CSS 文件合併為一個 CSS 文件來組合 HTTP 請求。 網站加載速度更快，因為瀏覽器需要發出更少的請求。
• 更好的策略之一是用更輕量級的插件替換重量級插件。
• 儘管圖像使您的網站更具吸引力並為您的網站增加價值，但請刪除不必要的圖像並始終使用優化的圖像（您可以使用 ShortPixel 和 WP Compress 來優化您的圖像）。
• 對圖像和視頻使用延遲加載。

使用這些要點來加速您的 WordPress 網站以獲得更好的性能。

6) 使用 GZIP 壓縮組件

GZIP 壓縮是一種通過壓縮數據文件來減少文件下載時間的技術。 當瀏覽器收到壓縮數據時，所有現代瀏覽器都會自動解壓縮壓縮文件。 所有現代瀏覽器、服務器軟件和所有最好的 WordPress 主機都支持 GZIP 壓縮。 GZIP 壓縮可以將文件大小減少多達 70%。

Cloudways 附帶已安裝的 Breeze 插件，因此您只需安裝並激活 Breeze WordPress 緩存插件即可實現 GZIP 壓縮。

以下是 GZIP 壓縮的推薦插件：

• 帶有 WP Rocket 的 GZIP
• 帶有 WP Super Cache 的 GZIP
• 帶有 W3 總緩存的 GZIP

W3 Total Cache 是一個免費版本的緩存插件。 您只需要安裝並激活插件，您的網站就會自動啟用 GZIP 壓縮。 轉到Performance > General Settings ，然後啟用'Browser Cache' 。 進行更改後單擊“保存所有更改”按鈕。

7) 避免空的 Src 或 Href

沒有設置值（引號之間沒有信息）的 HTML 屬性稱為“空”屬性。 即使沒有統一資源標識符 (URI) 值，源 (src)和鏈接 (href)的空屬性也強調瀏覽器要連接。

以下是HTML和JavaScript中Source (src)和Link (href)空標籤的一些示例：

HTML：

 <img src="">
<a href="">

JavaScript：

 var img = new Image();
img.src = "";

確保您的網站上沒有空白的 HTML 和 JavaScript 標籤。 如果有，請刪除它們並妥善維護所有鏈接。 其次，空標籤問題與圖片有關，所以上傳和使用時一定要檢查圖片鏈接。

8) 將 JavaScript 放在底部

這意味著您在 JavaScript 之前加載其他頁面內容，因此互聯網連接速度較慢的用戶無需等待 JavaScript 加載。 當 JavaScript 被放置在頂部時，它首先開始加載並通過減慢頁面內容的其餘部分來影響用戶體驗。

使用.js擴展名 (my-amazing-script.js) 保存您的 JavaScript 文件，並將該 JS 文件放在您的主題目錄中（您可以為 JavaScript 創建一個目錄，即 public_html/wp-content/themes/your-theme/assets /js)。 放置 JavaScript 文件後，編輯主題的functions.php文件並添加以下代碼：

 函數 wpb_adding_scripts() {
wp_register_script('my-amazing-script', get_template_directory_uri() .'/js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('my-amazing-script');
}
add_action('wp_enqueue_scripts', 'wpb_adding_scripts');

使用的函數wp_register_script()包括：

 <?php
wp_register_script( $handle, $src, $deps, $ver, $in_footer );
?>

將$in_footer參數設置為 true 以在 WordPress 頁面的頁腳或底部添加腳本。

響應代碼

Pingdom 速度測試工具的下一部分是響應代碼，也稱為 HTTP 狀態代碼。 本節告訴您加載到頁面上的所有資源發生了什麼。 一些常見的有：

• 200 –一切正常
  301 -請求的資源已被永久移動
  404 -未找到請求的資源

200s 到 300s 範圍內的響應代碼通常沒問題，但 400 到 500 之間的代碼通常稱為您應該修復的錯誤。

按內容類型劃分的內容大小和請求

這有助於您查看網頁的資源。 這些表格是關於您的內容和您的請求的分佈的信息。

按內容類型劃分的內容大小提供了按內容類型分組的所有網站資產的列表。 此信息可以幫助您清除錯誤。 無論您發現內容類型的內容大小超出預期，您都可以處理該部分內容以提高性能。

按域劃分的內容大小和請求

通過域部分的內容大小和請求，您可以查看內部和外部服務及其中位數大小。 此部分顯示域生成的請求。 建議減少外部請求，因為每個外部服務都會引入自己的延遲。

通常，最好盡量減少請求數量並將資產託管在一個地方，例如將它們移動到您的 Web 服務器或 CDN。 可以考慮以 FontAwesome 或 BootStrap 為例。 如果是外部鏈接FontAwesome或BootStrap的腳本，直接下載即可。

瀑布圖

最後，我們有 Pingdom 速度測試工具請求部分，它生成一個瀑布圖。 您可以分析每個請求以查看性能問題。 本節有詳細的彩色編碼瀑布圖。

Pingdom 的瀑布分析顯示您站點上的每個 HTTP 請求，開發人員使用它來直觀地了解站點加載並識別瓶頸。 關注連接尺寸——冗長的連接和長條會阻礙網站快速加載。

概括

說到網站速度測試工具，市場上有很多工具可用。 如您所見，Pingdom 速度測試工具通過深入的解釋和建議可以更好地探索網站性能。

我已經為您提供了有關該產品的詳細信息。 現在輪到您使用此工具來提高網站的性能了。