註冊
WordPress優化

Pingdom網站速度測試工具使用教程

WBOLT_COM
7.5k+
0

Pingdom網站速度測試工具使用教程-1

今天我們想深入探討如何更好地使用和理解流行的網站速度測試工具Pingdom的資料。您可以使用它對您的WordPress網站進行我們所說的瀑布分析。這可以幫助您快速診斷效能問題，並且不會誤診問題。

很多時候我們看到WordPress使用者在Pingdom速度測試工具中解釋資料錯誤，這導致有時將網站配置為比以前更糟糕的狀態。請記住，所有此類工具都將用作指南，它們永遠不會100%準確。重要的是在所有測試中保持一致並使用相同的工具。

Pingdom

Pingdom是一家總部位於瑞典的公司（現歸SolarWinds所有），提供各種不同的服務，例如正常執行時間監控、頁面速度監控、交易監控、伺服器監控和訪問者洞察 (RUM)。他們最著名的事情之一可能是他們的免費網站速度測試工具。它是WordPress 社羣中最受歡迎的效能測試工具之一。

為什麼如此受歡迎？嗯，首先，它可能是最容易使用的速度測試工具！並非每個人都是網路效能專家，因此對於典型的WordPress使用者來說，其他一些替代工具可能會讓人不知所措。有時正如他們所說，少即是多。畢竟，您只關心兩件事：您的網站有多快以及如何使其更快。

Pingdom網站速度測試工具使用教程-1

Pingdom網站速度測試

Pingdom 目前允許您測試來自全球7個不同地點（5大洲）的任何網站的速度：

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

注意：我們注意到有時並非所有測試位置都可用。這很可能是因為它因維護而停機，或者由於太多人試圖對其進行測試而使其過載。如果您一直使用的測試站點位置不再存在，請在一兩個小時後回來檢視。很有可能它會再次出現。

您選擇的測試位置實際上非常重要，因為它與您的網站實際託管的物理位置有關。這就是一個叫做網路延遲的小東西 發揮作用的地方。但我們將在下面更詳細地介紹這一點。

使用Pingdom速度測試工具進行瀑布分析

網頁由不同的資源組成，例如HTML、JavaScript、CSS、影象和視訊。這些中的每一個都會生成請求以呈現您在網站上看到的內容。通常，您的請求越多，您的網站載入速度就越慢。情況並非總是如此，但大多數情況下確實如此。

下面我們將分解每個Pingdom部分，並更詳細地解釋資訊的含義，因為它與您網站的整體效能以及如何進行瀑布分析有關。

Pingdom摘要

當您通過Pingdom執行WordPress網站時，它會生成效能等級、總載入時間、總頁面大小以及您在網站上的請求數量。在我們的示例中，我們使用的是perfmatters.io，這是一個執行Easy Digital Downloads的電子商務網站。

如您所見，我們執行了第一次測試，在Pingdom上的得分為88/100，總載入時間為541毫秒。它讓我們知道合併資產的總大小和請求數量。

Pingdom網站速度測試工具使用教程-1

DNS和快取之前的Pingdom速度測試

然後我們執行了一個額外的測試 ，現在我們的總載入時間是392毫秒，頁面大小和請求數量相同！那是怎麼回事？🤔 如果您多次通過Pingdom速度測試工具執行您的網站，您可能會注意到這一點。較大的站點會注意到更大的差異。

發生的主要原因有三個：DNS快取、CDN快取和WordPress快取。這就是為什麼你應該總是多次執行測試。當然，對第三方資源和 API 的外部呼叫也會對此產生影響。在我們的瀑布分析中進一步瞭解原因。

Pingdom網站速度測試工具使用教程-1

DNS後Pingdom速度測試

想要在您的WordPress網站上獲得更好的Pingdom分數嗎？根據您的網站和配置，可能並不總是能獲得完美的100/100 分，尤其是對於那些執行電子商務網站和營銷畫素的人。但簡單地花一些時間提高你的分數是一個很好的起點。整體速度真的很重要。

有時，使用者體驗也可能勝過您在網路上閱讀的一些網路效能技巧。您不能忘記使用者體驗！ 但是請放心，我們將在下面與您進一步分享一些提示和技巧，以瞭解我們如何將上述網站帶到現在的位置，因此請繼續閱讀。

提高頁面效能

效能洞察部分，現在“提高頁面效能” 已於2018年更新，他們刪除了一些舊專案並新增了新專案。這很可能是因為他們報告的一些建議不再像以前那樣相關。在Web效能優化方面，事情總是在變化。如果人們只是想追求完美的Pingdom分數，有時會很麻煩。

Pingdom網站速度測試工具使用教程-1

Pingdom效能洞察

但是，我們將在我們的帖子中保留整個部分（一些舊的和新的），因為了解這些分數的計算方式很重要。這些基本上都是基於Google PageSpeed Insight規則。通常，如果您在網站上改進這些，您應該會看到整體載入時間減少。

以下是改進頁面效能部分的一些類別：

現在讓我們深入研究其中的一些，看看哪些仍然適用於今天。

使用內容交付網路 (CDN)

今天在您的 WordPress 網站上實施的最重要的服務之一是內容交付網路(CDN)。這些是遍佈全球的伺服器網路（也稱為 POP）。它們旨在託管和交付WordPress網站的靜態（有時是動態）內容的副本，例如影象、CSS、JavaScript 和視訊流。

CDN 的一些好處包括效能提升（更低的 TTFB 和網路延遲）、更低的頻寬和託管成本，甚至還有SEO優勢。

重要提示：新更新的Pingdom工具目前有一個錯誤，可以準確地檢測任何CDN提供商。

Pingdom網站速度測試工具使用教程-1

使用內容交付網路 (CDN)

我們推薦的一些第三方CDN提供商包括：

在我們自己的CDN速度測試中，我們發現CDN在某些情況下可以將頁面載入時間減少50%以上！

避免HTTP 404（未找到）錯誤

此部分以前稱為“避免錯誤請求”。這總是相關的！這個警告就像聽起來一樣，它是一個無法成功完成的請求。這通常會發生在您手動連結到已被刪除的資產或影象，從而導致404錯誤。這在Pingdom中顯示為橙色圓圈，以及響應標頭狀態的404。

Pingdom網站速度測試工具使用教程-1

避免錯誤請求 – 404錯誤

始終確保您網站上的每個請求都以成功狀態返回。這將確保不會對不再存在的資產生成任何查詢。

最小化重定向

太多的重定向總是你需要注意的事情。簡單的重定向，如單個301重定向、HTTP到HTTPS或www到非www（反之亦然）都可以。很多時候，您網站的某些區域需要這些。但是，每個都會對您網站的效能產生影響。如果您開始將重定向堆疊在一起，那麼重要的是要了解它們如何影響您網站的效能。這適用於頁面和帖子重定向、影象重定向等。

重定向在Pingdom中顯示為藍色圓圈，以及響應標頭狀態上的301或302。 Pingdom網站速度測試工具使用教程-1

重定向對您的網站有多大影響？讓我們做一個小測試。首先，我們在聯絡我們頁面上執行速度測試：https://perfmatters.io?ref=1172/contact/。正如您在下面看到的，我們的總載入時間為417毫秒。

Pingdom網站速度測試工具使用教程-1

沒有重定向的網站速度測試

然後我們稍微修改URL並執行另一個速度測試以檢視多次重定向的影響。http://www.perfmatters.io/contact. 如您所見，現在載入同一個頁面需要695毫秒。這增加了66%。

Pingdom網站速度測試工具使用教程-1

具有多個重定向的網站速度測試

檢視我們關於WordPress重定向的深入文章，以及提高效能的最佳實踐。

新增過期標題

此建議以前稱為利用瀏覽器快取。用外行的話來說，WordPress站點上的每個指令碼都需要附加一個HTTP快取標頭（或者應該附加）。這確定檔案上的快取何時到期。要解決此問題，請確保您的WordPress主機具有正確的cache-control標頭和expires標頭設定。檢視有關如何手動將快取標頭新增到您的伺服器的步驟，並閱讀有關如何新增過期標頭的指南。

Pingdom網站速度測試工具使用教程-1

利用瀏覽器快取 – 快取標頭

另一個問題是，當您載入第三方指令碼時，您無權新增快取標頭，因為您無法控制他們的Web伺服器。常見的罪魁禍首包括Google Analytics指令碼和營銷畫素，如Facebook和Twitter。要解決此問題，您可以使用Perfmatters之類的外掛在本地託管您的Google Analytics指令碼（儘管這不受官方支援）。WP Rocket現在還可以選擇在本地託管您的Facebook營銷畫素。

在本地移動指令碼可能會因它對站點效能的影響程度而有所不同。一個優點是您可以完全控制檔案並可以從您自己的CDN提供服務。這也會刪除另一個第三方DNS請求。然而，記住這些檔案可能已經快取在人們的瀏覽器中也很重要。

請參閱我們關於如何修復瀏覽器快取警告的深入文章 。

從靜態資源中刪除查詢字串

另一個常見問題是處理查詢字串。您的CSS和JavaScript檔案通常在其URL末尾帶有檔案版本，例如https://domain.com/file.min.css?ver=4.5.3. 某些伺服器和代理伺服器無法快取查詢字串。因此，通過刪除它們，您有時可以改善快取。

您可以使用像Perfmatters這樣的高階外掛 ，它有一個簡單的一鍵式選項來刪除查詢字串。

或者您可以手動將以下程式碼新增到您的主題 functions.php 檔案中。更好的選擇是使用像Code Snippets這樣的免費外掛來新增程式碼。這樣您就不必直接編輯您的主題。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function remove_query_strings() {
if(!is_admin()) {
add_filter('script_loader_src', 'remove_query_strings_split', 15);
add_filter('style_loader_src', 'remove_query_strings_split', 15);
}
}
function remove_query_strings_split($src){
$output = preg_split("/(&ver|\?ver)/", $src);
return $output[0];
}
add_action('init', 'remove_query_strings');
function remove_query_strings() { if(!is_admin()) { add_filter('script_loader_src', 'remove_query_strings_split', 15); add_filter('style_loader_src', 'remove_query_strings_split', 15); } } function remove_query_strings_split($src){ $output = preg_split("/(&ver|\?ver)/", $src); return $output[0]; } add_action('init', 'remove_query_strings');
function remove_query_strings() {
   if(!is_admin()) {
       add_filter('script_loader_src', 'remove_query_strings_split', 15);
       add_filter('style_loader_src', 'remove_query_strings_split', 15);
   }
}

function remove_query_strings_split($src){
   $output = preg_split("/(&ver|\?ver)/", $src);
   return $output[0];
}
add_action('init', 'remove_query_strings');

但是，在您立即刪除站點上的查詢字串之前，瞭解使用查詢字串的原因很重要。WordPress開發人員通常使用檔案版本控制來解決快取問題。

舉例來說，如果他們推出的更新和變革style.css，從?ver=4.6到?ver=4.7，這將被視為一個完全新的URL並不會被快取。如果您刪除查詢字串並更新外掛，這可能會導致快取版本繼續提供服務。在某些情況下，這可能會破壞您網站的外觀，直到快取資源過期或快取完全重新整理。

此外，一些CDN可以快取查詢字串。

Pingdom網站速度測試工具使用教程-1

從靜態資源警告中刪除查詢字串

請參閱我們關於如何從靜態資源中刪除查詢字串的深入教程。

我們有一篇關於如何處理來自無cookie 域警告的服務靜態內容的深入文章。很多時候您可以忽略此警告，因為HTTP/2等新協議現在使這變得不那麼重要。新連線的成本通常比通過同一連線流式傳輸所有內容的成本更高。但是，解決此問題的兩種方法是使用CDN提供商去除cookie或建立單獨的域和/或子域。

Pingdom網站速度測試工具使用教程-1

提供來自無cookie域警告的靜態內容

使用GZIP壓縮元件

當Pingdom檢測到未使用GZIP壓縮的資產時，會出現“使用GZIP壓縮元件”警告。GZIP是一種壓縮方法，用於減小基於文字的檔案（如HTML文件和 CSS/JS 檔案）的大小。在伺服器上啟用 GZIP 壓縮，並在將網頁和資產傳送給訪問者之前對其進行壓縮。從我們的測試中，我們看到啟用GZIP壓縮將請求的檔案大小減少了78%以上。

Pingdom網站速度測試工具使用教程-1

使用GZIP壓縮元件

部分伺服器提供商，您不必擔心手動啟用GZIP，因為它已在伺服器上預設啟用。如果您發現您的虛擬主機沒有啟用GZIP，我們建議您聯絡他們的支援團隊立即啟用它，因為它會對您的頁面速度產生巨大影響。如果在伺服器上啟用GZIP後仍然看到“使用GZIP壓縮元件”，則可能是託管站點所需外部資產的伺服器沒有啟用GZIP。如果是這種情況，則您無法做任何事情來更改伺服器行為。

跨主機名並行下載

“跨主機名並行下載”警告的結果是由於 HTTP/1.1 的限制和 Web 瀏覽器對它們可以與主機建立的併發連線數的限制；這通常是6個連線。此警告通常出現在具有大量請求的網站上。過去，繞過這個限制的唯一方法是實現他們所謂的域分片。但是，如果您使用支援HTTP/2的網路主機或CDN提供商，您現在可以放心地忽略這一點，因為現在可以通過單個連線並行載入多個資源。

Pingdom網站速度測試工具使用教程-1

跨主機名並行下載警告

指定快取驗證器

此警告是指缺少HTTP快取標頭，這些標頭應包含在每個源伺服器響應中，因為它們都驗證並設定了快取的長度。如果沒有找到標頭，它每次都會為資源生成一個新的請求，這會增加伺服器的負載。這些標頭檔案包括last-modified，ETag，Cache-Control，和Expires。就像瀏覽器快取警告一樣，這些標題應該由您的WordPress主機自動新增。如果您有第三方請求，您會看到這一點，您無能為力，因為您無法控制他們的Web伺服器。

Pingdom網站速度測試工具使用教程-1

指定快取驗證器警告

閱讀我們關於如何修復指定快取驗證器警告的深入文章。

指定一個Vary: Accept-Encoding標頭

我們有一篇關於如何修復指定變數：接受編碼標頭警告的文章。這是一個HTTP標頭，應該包含在每個源伺服器響應中，因為它告訴瀏覽器客戶端是否可以處理內容的壓縮版本。

Pingdom網站速度測試工具使用教程-1

指定一個變化：接受編碼頭警告

Pingdom響應程式碼

Pingdom速度測試工具的下一部分是響應程式碼。響應程式碼，也稱為HTTP狀態程式碼，就像來自Web伺服器的簡短註釋，它被新增到網頁的頂部。這是來自Web伺服器的訊息，讓您知道在收到檢視頁面的請求時情況如何。一些常見的有：

  • 200：“一切正常。” 這是當網頁或資源完全按照預期方式執行時交付的程式碼。

    Pingdom網站速度測試工具使用教程-1Pingdom 200響應程式碼示例

  • 301：“請求的資源已被永久移動。” 當網頁或資源已被其他資源永久替換時，會傳遞此程式碼。它用於永久URL重定向。

    Pingdom網站速度測試工具使用教程-1Pingdom 301響應程式碼示例

  • 404：“未找到請求的資源。” 最常見的錯誤資訊。這段程式碼意味著請求的資源不存在，伺服器不知道它是否曾經存在過。

    Pingdom網站速度測試工具使用教程-1Pingdom 404響應程式碼示例

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

接下來的部分是按內容型別劃分的內容大小和按內容型別劃分的請求。這些中的每一個都有助於快速檢視網頁上佔用最多資源的內容。根據HTTP Archive，影象通常佔網頁平均總大小的43%。我們也看到通常情況也是如此。但是，正如您在本網站下方看到的，情況並非總是如此。

Pingdom網站速度測試工具使用教程-1

Pingdom內容型別

為了優化您的影象，我們強烈建議您閱讀我們關於如何優化Web影象和WebP的深入文章 。有許多很棒的工具和外掛可以進一步壓縮您的影象並確保它們不是您網站頁面載入的主要內容。在我們上面的例子中，perfmatters.io網站正在利用使用大字型真棒圖示代替影象。這可能是一項偉大的戰略，可以產生巨大的影響。

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

按域劃分的內容大小和請求是快速檢視網站上哪些外部服務和指令碼的好方法。在我們的示例中，您可以看到我們從CDN載入了所有資產。然後是從Web伺服器載入網站的初始HTML DOC，以及對Google Analytics域的外部呼叫。根據您的站點，您可能有更多的外部服務，例如Facebook、Twitter、Hotjar、SumoMe、AdRoll、New Relic、CrazyEgg等。

Pingdom網站速度測試工具使用教程-1

按域的Pingdom請求

通常，您可以做出的外部請求越少越好，因為每個外部服務都會引入自己的延遲、TLS 握手延遲、DNS查詢等。

通常，最好儘可能減少請求數量並將資產託管在一處，例如將它們移動到您的Web伺服器或CDN。一個例子是字型真棒。而不是連結到外部指令碼以獲得很棒的字型，而是下載它並直接提供它。

Pingdom瀑布圖

最後但並非最不重要的是，我們有Pingdom速度測試工具請求部分，它會生成您網頁上所有單個請求的瀑布圖（如下所示）。然後，您可以分析每個請求以檢視導致站點延遲和效能問題的原因。當我們說我們正在進行瀑布分析時，這就是我們的意思。以下是對每種狀態顏色含義的更​​深入總結和/或定義。

Pingdom網站速度測試工具使用教程-1

Pingdom瀑布分析

DNS（粉紅色）

那麼什麼是DNS？好吧，把它想象成一本電話簿。有一些稱為域名伺服器的伺服器，它們儲存有關您網站的資訊以及應該將其路由到哪個IP。當您第一次通過Pingdom執行您的網站時，它會執行新的查詢，並且必須查詢DNS記錄以獲取IP資訊。這會導致一些額外的查詢時間。DNS伺服器的位置也很重要。

Pingdom網站速度測試工具使用教程-2

Pingdom中的DNS延遲

當您多次通過Pingdom執行您的網站時，它會快取DNS，因為它已經知道IP資訊並且不必再次執行查詢。這就是您的網站在通過Pingdom多次執行後顯示速度更快的原因之一。

正如您在下面的螢幕中看到的，在我們執行的第二個測試中，初始DOC載入的DNS查詢時間為3.6毫秒。通常它會下降到0毫秒，事實上，它應該，因為請求已經快取。這是很多人誤解的一個領域！

Pingdom網站速度測試工具使用教程-1

Pingdom中的快取DNS

此外，您還可以通過使用高階DNS服務進一步優化它，而且它還有很多額外的好處。Cloudflare的免費DNS也很快（對於海外使用者來說）！

在多次測試後，您的網站可能會顯示得更快還有其他原因。其中之一是如果您使用的是內容交付網路 (CDN)。對於那些不熟悉CDN的人來說，它是一個全球伺服器網路，可將您的內容（JS、CSS、影象等）快取在離訪問者更近的位置。當您第一次通過Pingdom執行您的網站時，它可能必須從CDN中獲取最新的資產。CDN快取的工作方式與DNS非常相似，一旦快取，它在連續載入時會快得多。

另一個加速DNS的技巧是使用DNS預取。這允許瀏覽器在後臺在頁面上執行DNS查詢。您可以通過在WordPress網站的標題中新增一些程式碼行來實現。請參閱下面的一些示例。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!-- Prefetch DNS for external assets -->
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//cdn.domain.com">
<!-- Prefetch DNS for external assets --> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//cdn.domain.com">
<!-- Prefetch DNS for external assets -->
 <link rel="dns-prefetch" href="//fonts.googleapis.com">
 <link rel="dns-prefetch" href="//www.google-analytics.com"> 
 <link rel="dns-prefetch" href="//cdn.domain.com">

或者，如果您執行的是WordPress 4.6或更高版本，您可能需要使用資源提示。開發人員可以使用wp_resource_hints過濾器，新增自定義域名和網址為dns-prefetch，  preconnect， prefetch或prerender。

SSL（紫色）

紫色狀態顏色代表瀏覽器執行SSL/TLS握手所需的時間。每當您通過HTTPS執行網站時，就意味著涉及SSL證書，並且由於加密過程（SSL/ TLS握手）而需要額外時間。在我們的示例域中，我們在Web伺服器和我們的CDN上都有一個證書。因此，從Web伺服器和我們的資產載入的初始HTML文件都存在SSL協商時間。

Pingdom網站速度測試工具使用教程-1

Pingdom中的SSL載入時間

雖然執行HTTPS的開銷很小，但由於HTTP/2是一種有助於加快網路速度的新協議，因此現在可以忽略不計！由於瀏覽器支援HTTPS需要使用HTTP/2。

同樣重要的是要注意，即使在2018年，也並非所有提供商都支援HTTP/2。這包括來自網路託管方和CDN方。因此，當您四處尋找託管和CDN時，請確保兩者都支援它！

截至2018年中，Pingdom終於升級了他們的工具以使用Chrome 60 及更高版本。您可以user-agent在請求標頭中看到正在使用的。以前他們使用Chrome 39，Chrome直到版本49才支援HTTP/2。所以我們很高興地說，Pingdom工具現在在執行測試時展示了HTTP/2的所有優點！

Pingdom網站速度測試工具使用教程-1

Pingdom支援HTTP/2

連線（藍綠色）

Pingdom中的連線時間是指TCP連線，或建立TCP連線所需的總時間。您實際上並不需要了解它是如何工作的，但這只是主機/客戶端和伺服器之間必須發生的一種通訊方法。

Pingdom網站速度測試工具使用教程-1

Pingdom連線時間

等待（黃色）

Pingdom中的等待時間實際上是指首位元組時間，在某些工具中也稱為 TTFB。TTFB是一種衡量指標，用於指示Web伺服器或其他網路資源的響應能力。通常，低於100毫秒的任何東西都是可以接受的，並且是良好的TTFB。如果您接近 300-400 毫秒的範圍，您的伺服器可能配置錯誤，或者可能是時候升級到更好的網路堆疊了。

Pingdom網站速度測試工具使用教程-1

等待時間——TTFB

減少TTFB的最簡單方法是什麼？最好的兩種方法是有效的WordPress快取和CDN。所以讓我們執行幾個測試。

沒有WordPress主機快取的TTFB

在清除WordPress網站上的快取後，我們首先進行了測試。這意味著它必須再次預載入快取。如您所見，我們的總載入時間為541毫秒，初始請求的TTFB（等待時間）為185.2毫秒。

Pingdom網站速度測試工具使用教程-1

沒有WordPress快取的Pingdom TTFB

帶有WordPress主機快取的TTFB

然後我們再次執行測試。它現在直接從快取中提供服務。正如您所看到的，我們的總載入時間下降到392毫秒，初始請求的TTFB現在是52.8毫秒！這就是快取的不同之處。

Pingdom網站速度測試工具使用教程-1

帶有WordPress快取的Pingdom TTFB

如果您的網站為該國不同地區或全球的訪問者提供服務，另一種大幅降低TTFB的簡單方法是使用CDN。我們再次進行了一些測試以顯示差異。

沒有CDN的TTFB

我們首先在禁用CDN的情況下執行測試，如您所見，我們的總載入時間為1.93秒，資產的平均TTFB約為176毫秒。

Pingdom網站速度測試工具使用教程-1

沒有CDN的TTFB

帶CDN的TTFB

然後我們啟用了CDN並再次執行測試。正如您所看到的，我們的總載入時間下降到1.21秒，我們在CDN資產上的平均TTFB現在是4.6毫秒！CDN可以帶來多大的不同。

Pingdom網站速度測試工具使用教程-1

帶CDN的TTFB

事實證明，CDN快取如何提高速度並減少TTFB。

當然，擁有一個經過深思熟慮的架構的優秀WordPress主機對於降低TTFB也至關重要。

傳送（橙色）和接收（綠色）

Pingdom中的傳送和接收狀態真的不需要太多解釋。傳送時間只是Web瀏覽器將資料傳送到伺服器所需的時間。而接收時間是網頁瀏覽器從伺服器接收資料所需的時間。在您的測試中，這兩者通常都非常低或不存在。

HTTP響應頭

您還可以在進行瀑布分析時單擊單個請求並檢視HTTP響應標頭。這提供了有價值的資訊。在下面的螢幕中，我們可以立即看到諸如在Web伺服器上啟用了gzip之類的內容，並且它是從快取中提供的（HIT，否則將顯示MISS）、快取控制標頭、過期標頭、瀏覽器使用者代理和更多的。

Pingdom網站速度測試工具使用教程-1

HTTP響應頭

案例研究域配置

如果您在我們的瀑布分析帖子中深入瞭解了這一點，那麼您將大飽眼福。看到人們分享技巧和案例研究，但不分享他們是如何到達那裡的，總是很煩人。所以下面是我們對上面使用的案例研究域的確切配置！隨意複製它。

Architecture

  • 案例研究域 (perfmatters.io) 託管在美國的Google Cloud Platform上（美國愛荷華州Council Bluffs (us-central1)）。目前提供28個不同的資料中心可供選擇。GCP的高階網路是包含在閃電般快速網路延遲的所有計劃中。
  • 網站伺服器使用HTTP/2、Nginx、MariaDB，這些都有助於加快載入時間。
  • 該站點正在使用KeyCDN，它為CDN提供支援。免費 CDN 頻寬包含在所有託管計劃中。
  • 該站點沒有使用任何快取外掛。在伺服器級別快取所有內容，這大大簡化了事情！
  • 該站點使用的是PHP 7.3。較新版本的PHP總是表現出巨大的效能改進。

Pingdom網站速度測試工具使用教程-1

更新WordPress網站的PHP版本

WordPress外掛和主題

以下是影響 WordPress 電子商務網站上使用的效能的外掛列表。

  • 高階Perfmatters外掛。這擺脫了不必要的HTTP請求，例如嵌入、表情符號，並且還有一個指令碼管理器來啟用/禁用某些指令碼以在每個頁面/帖子/站點範圍的基礎上載入。
  • 高階Imagify外掛用於壓縮影象。
  • 免費的Safe SVG外掛用於將SVG影象上傳到WordPress站點。
  • 高階WordPress主題GeneratePress用於構建EDD站點。

小結

如您所見，瞭解Pingdom速度測試工具如何更好地工作以及所有圖表的含義可以幫助您在效能方面做出更加資料驅動的決策。我們稱之為瀑布分析，瞭解您的個人資產如何載入以及它們如何受到您的WordPress主機、物理位置、CDN等的影響至關重要。

CDN加速 Pingdom 瀏覽器快取 網站效能 網站測試
評論收藏微海報
分享
分享到

相關的

評論留言

馬上學習

文章目錄

  • Pingdom
  • 使用Pingdom速度測試工具進行瀑布分析
  • Pingdom摘要
  • 提高頁面效能
  • 使用內容交付網路 (CDN)
  • 避免HTTP 404（未找到）錯誤
  • 最小化重定向
  • 新增過期標題
  • 從靜態資源中刪除查詢字串
  • 使用無Cookie的域
  • 使用GZIP壓縮元件
  • 跨主機名並行下載
  • 指定快取驗證器
  • 指定一個Vary: Accept-Encoding標頭
  • Pingdom響應程式碼
  • 按內容型別劃分的內容大小和請求
  • 按域劃分的內容大小和請求
  • Pingdom瀑布圖
  • DNS（粉紅色）
  • SSL（紫色）
  • 連線（藍綠色）
  • 等待（黃色）
  • 沒有WordPress主機快取的TTFB
  • 帶有WordPress主機快取的TTFB
  • 沒有CDN的TTFB
  • 帶CDN的TTFB
  • 傳送（橙色）和接收（綠色）
  • HTTP響應頭
  • 案例研究域配置
  • Architecture
  • WordPress外掛和主題
  • 進一步閱讀的推薦教程：
  • 小結