WordPress CDN：提高全球知名度的權威指南

多年來，越來越快的加載速度已成為網站的首要任務。 但與更豐富的內容和功能齊頭並進，這些內容和功能必須跟上不斷增長的用戶交互需求。 因此，許多網站所有者發現以更快的速度向世界各地的最終用戶提供他們的內容具有挑戰性。

有鑑於此，許多網站已經開始使用 WordPress CDN（內容交付網絡）。 這項技術有助於更快地向每個用戶提供網站內容，無論他們身在何處。 在這個方便的指南中，您將了解 CDN 是什麼、為什麼它對 WordPress 很重要，以及如何使用 WordPress CDN。

1. 什麼是 CDN（內容交付網絡）？

顧名思義，CDN 與交付內容有關。 但是什麼內容，如何？ 嗯，它提供 WordPress 網站的靜態、流媒體和動態內容，包括媒體文件、CSS 和 JavaScript 文件。

另一部分，即網絡，是這個交付系統的本質。 我們之前討論的內容託管在這個遍布全球的服務器網絡上，當用戶從其瀏覽器發送請求時，它會由最近的服務器處理以避免延遲。

事實：頁面加載時間延遲 1 秒會導致轉化率下降 7%，頁面瀏覽量減少 11%，客戶滿意度下降 16%。

假設您在 Cloudways WordPress 託管主機上啟動了一台服務器，並選擇了位於英國倫敦的數據中心。 這是您的 WordPress 站點物理託管的地方，所有請求都從這里處理。 您的網站對於歐洲的用戶來說將是閃電般的速度，但對於東京或馬尼拉的用戶來說，它的加載速度可能會稍慢一些。 那是因為倫敦離東京比巴黎遠。

WordPress 的最佳 CDN 將通過從最近的服務器向用戶提供內容來縮短這個距離。 為了縮短用戶與 Web 內容之間的距離，CDN 將內容的緩存副本保存在位於全球的多個服務器中。

2. 誰需要 WordPress CDN？

幾乎所有的 WordPress 站點都需要 CDN，並且使用 CDN 的站點數量呈指數級增長。 出於本文前面討論的相同原因，在多個地理位置運營的企業依賴這些CDN 服務。 但是，如果您運行的站點僅針對與您的虛擬主機位於同一位置的用戶，則使用 CDN 並不理想。 事實上，它可能會導致糟糕的用戶體驗，因為用戶可能會因用戶和主機之間額外連接的不必要干擾而面臨延遲。

讓我們看看什麼樣的企業使用 CDN for WordPress 來加速他們的 WordPress 網站。

• 電子商務
• 博客
• 廣告中介
• 媒體和娛樂
• 流媒體網站
• 在線遊戲網站
• 在線教育
• 衛生保健

3. 為什麼 CDN 對 WordPress 很重要？

隨著時間的推移，內容交付網絡 (CDN) 有了很大改進。 在 WordPress 站點上擁有 WordPress CDN 具有許多不容忽視的優勢。 讓我們詳細看看它們吧！

• 更快的加載時間：它減少了頁面加載時間，內容可以從 CDN 服務器網絡輕鬆獲得。
• 高流量處理：由於內容是從多個來源交付的，因此使用 WordPress 的 CDN 的站點即使在遇到更高的流量時也幾乎不會遇到停機或性能低下的情況。
• 節省帶寬：CDN 還減少了帶寬消耗，因為它通過交付內容本身來限制從用戶到 Web 託管的直接請求流。
• 安全性：CDN 網絡分散，能夠承受低到輕度的 DDoS 攻擊。 一些 CDN 提供商還安裝了一種主動機制來識別這些攻擊、垃圾郵件發送者和機器人。 它增加了額外的安全層，特別是對於那些客戶使用信用卡信息付款的 WordPress 網站。
• 更好的 SEO 排名：谷歌將更快的網站排名更高已經不是什麼秘密了。很難確定速度對 SEO 排名的影響有多大，但很明顯它會很差地影響用戶體驗，谷歌不鼓勵這樣做。
• 增強的用戶體驗：WordPress 站點上的 WordPress CDN 不僅可以增強桌面上的用戶體驗，還可以通過更快地加載網頁來增強移動設備上的用戶體驗。 現在有大量的人使用他們的手機上網。 谷歌還啟動了一項適合移動設備的搜索計劃，這意味著針對移動設備優化的網站將在搜索結果中佔據優勢。

事實：頁面加載時間每減少 100 毫秒，收入就會增加 1%。

WordPress CDN 速度測試

讓我們通過在 Cloudways 上託管的 WordPress 站點上對其進行測試來查看 CDN 的運行情況。 我們的服務器位於美國弗里蒙特。 我們在集成 CloudwaysCDN 之前和之後測試了多個位置的速度。

美國加利福尼亞州聖何塞

前

後

紐約市，紐約，美國

前

後

瑞典斯德哥爾摩

前

後

澳大利亞墨爾本

前

後

這些測試結果表明，如果沒有 CDN，在遠離實際服務器位置的區域中速度會更慢。 但是在 WordPress 站點上集成 CDN 後，它顯示了加載速度的改進。

4. 頂級 WordPress CDN 提供商

WordPress CDN 提供商適用於所有預算範圍。 最重要的是，許多 CDN 提供商提供試用帳戶。

為了幫助 Cloudways 用戶，我編制了以下 CDN 提供商列表，這些提供商可以輕鬆與 Cloudways 託管服務器集成。

注意：StackPath（又名 CloudwaysCDN）可以很容易地集成到平台中。

CloudwaysCDN (StackPath)

CloudwaysCDN由 StackPath 提供支持，StackPath 是 WordPress 的最佳 CDN 提供商之一，擁有大型全球服務器網絡。

流行的功能包括防止 DDoS 攻擊，以及通過負載平衡阻止功能。 所有計劃還提供防火牆保護，這也有助於改善您網站的頁面加載時間。

Cloudways 用戶還可以將此 CDN 選項與默認緩存插件“ Breeze ”一起使用。

定價：每 25GB 1 美元

密鑰CDN

KeyCDN提供了一些有用的功能，可以優化世界各地不同地點的內容交付。 KeyCDN 是一種流行的 WordPress CDN 選項，以速度和 24/7 客戶支持而聞名。

KeyCDN 還提供 DDoS 保護、免費和自定義 SSL 證書、HTTP/2 支持和用於第三方集成的 RESTful API。

定價：定價模式是即用即付，從 0.04 美元/GB 起，每年發票最低為 40 美元。

雲耀斑

Cloudflare是 WordPress 最受歡迎的 CDN 之一，主要是因為它易於設置並且擁有龐大的全球服務器網絡。

Cloudflare 還為 WordPress 站點提供免費 CDN，其針對 DDoS 攻擊和其他漏洞的安全性有限。 其他功能包括負載平衡、網絡優化、DNS 管理和 SSL 證書。

定價： Pro 計劃從每月 20 美元起。

雲前線

CloudFront by Amazon是一個快速且安全的 WordPress CDN，可提供針對 DDoS 和類似威脅的行業標準安全性。 它可以使用 Amazon 管理控制台、CLI 和 SDK 輕鬆集成。

定價：按需

膠囊

Incapsula是另一個流行的 WordPress CDN，其服務器遍布全球。 它可以輕鬆與 WordPress 集成，並與所有流行的緩存插件兼容。

Incapsula 提供 SSL 證書、24/7 支持、DDoS 保護、防火牆、攻擊分析、威脅情報和數據保護等功能。

定價：每月 59 美元起

CDN77

CDN77是 WordPress 網站最快的 CDN 之一。 突出的功能包括 SSL/TLS 證書、DDoS 保護、盜鏈保護和 Web 防火牆。

CDN77 還提供用於跟踪流量和帶寬使用情況的分析工具，以及包含有用信息和崩潰報告的 CDN 日誌。

定價：每月 199 美元起

在為您的企業選擇合適的 CDN 時，請務必考慮成本和服務以及性能。

5. WordPress CDN 基準測試

有許多 WordPress CDN 提供商可供選擇，但要確定哪一個在實際場景中提供最佳性能是一項挑戰。

解決此問題的唯一方法是對這些 CDN 進行基準測試，為此，我們選擇了三個廣泛使用的流行 CDN 提供商：

1. CloudwaysCDN （與以前稱為MaxCDN 的 StackPath合作）
2. 雲耀斑
3. 密鑰CDN

CDN 基準測試的過程

我在1GB RAM 、 25GB SSD和1 Core CPU 的Cloudways DigitalOcean 服務器上啟動了默認的 WordPress 。

對於基準測試，我們使用的工具是開源Node.js CDN 基準 CLI。 要了解 WordPress CDN 交付內容的速度，您需要在幾個小時內輸入足夠的數據。

在我們的 CDN 基準測試中，我們從 Cloudways 上託管的 WordPress 站點下載了三個圖像文件（小： 78.6KB，中： 747KB，大： 1.28MB），持續 3.5 小時，間隔 5 分鐘。 這些文件取自託管在 Cloudways 上的 WordPress 站點。

CDN 基準測試的結果

在基準測試之後，我們將最終數據編譯成圖形表示，以便於比較。 數據是在連續運行 3.5 小時的測試後生成的。 該測試會提示您哪種 CDN 在哪種文件大小上效果更好。

小圖

Cloudflare正常啟動，但在下載小尺寸圖像時無法保持相同的速度。 在測試的前 40 分鐘，它高達 22 毫秒，而 CloudwaysCDN 和 KeyCDN 只是平躺在橫軸上，顯示大約 2-3 毫秒的恆定速度。 KeyCDN從第 75 分鐘到第 85 分鐘有一個峰值，最高可達 9 毫秒。

該CloudwaysCDN是相當整個測試過程順利。 它以最大下載速度開始和結束測試，沒有任何意外。

中等圖像

下載中等大小的圖像時， CloudFlare 的情況也沒有好轉。 它在 20-40 分鐘內出現了大約 128 毫秒的巨大尖峰。 從 75 分鐘到 85 分鐘的另一個較小的峰值。另一方面， CloudwaysCDN在與KeyCDN的比較中保持其最高位置，如上圖所示，在測試結束時顯示出一些干擾。

大圖

在下載大圖像（1.28MB）時， Cloudflare 的下載速度約為 40 毫秒，而其同行的起步相對較好。 KeyCDN在整個測試過程中幾乎保持穩定，除了在測試開始和接近結束時的一些顛簸。 CloudwaysCDN再次表現出色，盡可能地靠近 X 軸，在整個測試過程中顯示出快速而穩定的下載速度。

我們還計算了每個 CDN 在三種圖像大小上的平均下載速度。

平均分

上圖的結果非常簡單。 CloudwaysCDN在所有三類文件中下載速度最高。 KeyCDN以平均分排名第二。 由於所有三個測試的初始階段都出現了巨大的峰值， Cloudflare以最低分獲得了第三名。 它在測試的中間和結束時表現得很好。

6. 如何在 WordPress 中使用 CDN？

6a. 將 CloudwaysCDN 添加到 WordPress

Cloudways 客戶只需單擊一下即可激活CloudwaysCDN 並將其與 WordPress集成。 以下是該過程中涉及的幾個步驟：登錄 Cloudways 帳戶，導航到應用程序，然後進入要安裝 CloudwaysCDN 的 WordPress 應用程序。

從左窗格中，導航到CloudwaysCDN選項卡，然後輸入WordPress 站點的URL 。 單擊創建按鈕。

它將為此應用程序啟用 CloudwaysCDN，並為您提供一些詳細信息，例如 CDN URL、帶寬使用情況和清除緩存。 您還可以選擇刪除 CloudwaysCDN。

要將其集成到 WordPress 站點，只需單擊“應用”按鈕。

PS：單擊僅適用於 Breeze – Cloudways的免費 WordPress 緩存插件。 如果您使用任何其他緩存插件，請從 CloudwaysCDN 選項卡獲取 CDN URL 並相應地配置 CDN。

登錄到您的 WordPress 網站的管理面板，然後單擊設置下的微風：

轉到Breeze Cache Plugin的CDN選項卡，您將在此處看到Activate CDN選項被標記為選中，並且CDN URL設置在CDN CNAME字段中。

現在是時候驗證 CDN 是否已集成。 打開您的網站，按CTRL+U並蒐索StackPath 。 您將得到一些結果，這意味著 CDN 已成功集成。

網站好像壞了？

不用擔心！ Cloudways 使用 Varnish 來優化 WordPress 網站。 確保清除所有緩存，然後重新訪問該站點。 歡呼！ 您只需點擊幾下即可集成 CloudwaysCDN。

想了解更多關於 CloudwaysCDN 的信息？ 看看這裡。

6b. 將 CloudFront 添加到 WordPress

亞馬遜的 CloudFront 可能是 WordPress 網站最受歡迎的 CDN。 連接後，CloudFront 將直接從其服務器提供 WordPress 站點的內容，而不是請求託管服務器。 這減少了給託管服務器帶來負擔的請求數量。

通過在 CloudFront CDN 中創建 Web 分配來獲取 CDN URL

我假設您已經在 Amazon Web Services (AWS) 上擁有一個帳戶。 如果沒有，請註冊並導航到CloudFront 控制台。 然後，單擊Web部分下的Get Started 。

它將帶您進入整頁選項，您可以從多個選項中進行選擇。 為簡單起見，我將使用 CloudFront 本身設置的默認設置。

• 源域名：我網站的 URL (wpcommunity.org)
• 源路徑：輸入資產的特定路徑（如果有）。 （我把它留空了。）
• Origin ID：輸入有關此服務內容的簡單描述。

所有其他設置保持不變。 如果您想進一步配置，這裡是描述所有這些選項的完整指南。 向下滾動並單擊Create Distribution 。

部署需要幾分鐘時間，具體取決於您網站的內容。 該過程完成後，它會將您帶到可以找到域名（CloudFront URL）的屏幕。

複製域名中的 URL並導航到Breeze的CDN 選項卡並粘貼到CDN 根 URL文本字段中。

• 激活 CDN ：如果要激活 CDN，請標記此項。
• CDN 根 URL ：創建的分發的 URL。 不要忘記在 URL 中添加 HTTP/HTTPS。
• CDN 內容：您希望CDN 提供的內容的目錄。
• 排除內容：如果要排除一些文件擴展名或 CDN 不提供的目錄，請在此處輸入。
• 相對路徑：始終建議啟用相對路徑以保持文件和文件夾的結構。

讓我們來測試一下！

訪問您的站點 URL，查看源代碼並蒐索CloudFront 。 您將看到所有資產（例如 CSS、JS 和圖像）都由 CloudFront CDN 提供服務。

6c。 將 KeyCDN 添加到 WordPress

KeyCDN 是市場上領先的 WordPress CDN 提供商之一。 我建議您在選擇完整帳戶之前在您的網站上試用他們的服務（通過免費試用期）。

在本文中，我將演示如何將 KeyCDn 與 Breeze 緩存插件連接起來，以便通過 CDN 提供所有內容。

首先，我需要通過填寫一些必需的詳細信息來註冊一個 KeyCDN 帳戶。 在第一個字段中，輸入要與 KeyCDN 連接的網站 URL，並填寫其他詳細信息，例如電子郵件和用戶憑據。

單擊“創建帳戶”按鈕後，您將收到一封驗證電子郵件。 驗證後，您將看到 KeyCDN 儀表板：

通過在 KeyCDN 中添加區域來獲取 CDN URL

我的 WordPress 網站已添加到我的帳戶中。 現在，我需要為我的網站的 URL添加一個區域。 從左窗格中，導航到區域選項卡，系統將要求您配置區域。

• 區域名稱： KeyCDN 提供了一個默認格式的特殊 URL：http : //xxx-yyy.kxcdn.com。 其中 XXXX 是您在區域名稱字段中輸入的名稱。 在我的示例中，它將是 wp-yyy.kxcdn.com，因為我輸入了 wp。
• 區域狀態：由於我的網站將可公開訪問，因此我將狀態添加為活動。
• 區域類型：區域有兩種類型，拉或推。 除了區域類型，您還可以看到顯示高級功能複選框。 擴展和配置它 - 如果您對自己正在做的事情有足夠的信心！ 否則，將其保留為默認值。
• 源 URL ：輸入要與此區域連接的網站的 URL。

設置區域後，您將被重定向到“區域”選項卡，在那裡您將看到一個新創建的區域，如下圖所示。 我的區域的狀態當前設置為Deploying 。 這意味著它正在設置和鏈接 KeyCDN 區域和網站之間的所有內容。

該過程可能需要幾分鐘。 完成後，狀態將更改為Active 。 您可以通過轉到“管理”按鈕來清除緩存，如下圖所示。

使用 Breeze 配置 KeyCDN

好的，我已經設置了 KeyCDN，創建了一個區域並獲得了區域 URL。

複製它並導航到Breeze WordPress 緩存插件上的CDN選項卡，然後粘貼到CDN 根 URL字段中。

測試站點

至此，我已經正確設置了 KeyCDN 並將其與 Breeze 連接。 讓我們檢查 CDN 是否正在為網站提供服務。 為此，請訪問您的網站並按CTRL+U (Chrome)查看頁面來源。 搜索kxcdn ，可以看到 CSS、JS 和 Images 都是通過 KeyCDN 提供的。

Breeze 不僅限於它們，任何基於資產的 CDN 都可以使用 Breeze 輕鬆配置。 您只需要獲取 WordPress CDN URL 並將其粘貼到 Breeze CDN 選項卡中。 就是這樣！

包起來！

我們看到了速度如何在整體轉換以及您網站的 SEO 排名中發揮重要作用。 畢竟，投資一個好的 WordPress CDN 並不是一個壞主意。 Cloudways 用戶可以從他們的儀表板輕鬆集成 CloudwaysCDN，每個應用程序 25GB 的費用為 1 美元。 額外的消耗成本僅為每 GB 0.04 美元。