如何安裝和設置WordPress CDN解決方案


在重新設計WPBv4之後,我們花了一些時間進行性能優化(還有一些工作要做)。 經過一些優化後,我們發現該站點的性能有了很大的提高。 足夠引人注意的是,我們的用戶向我們發送了電子郵件詢問。 我們已經聽取了您的要求,關於如何加快網站運行速度的完整指南將很快發布。 儘管我們在有關W3 Total Cache的教程中介紹瞭如何安裝MaxCDN,但此後我們進行了一些其他更改。 在本文中,我們將向您展示如何在WordPress中安裝和設置MaxCDN。

這是我們從一位用戶那裡收到的電子郵件:

“ …我與您聯繫的主要原因是詢問網站速度。 您到底如何設法如此快地加快網站速度? 速度太瘋狂了,我很喜歡它。”

我們使用名為Pingdom的網站進行了許多測試。 我們首頁的最快加載時間僅為483ms。 我們進行了多次測試(不同的時間和數據中心)。 我們在首頁上的加載時間範圍為483ms – 1.7s。 以下是屏幕截圖之一:

WPBeginner Speed Pingdom的屏幕截圖

性能優化有很多工作(減少HTTP查詢,例如僅在需要時加載腳本,組合腳本和样式表,優化圖像等)。 但是,使我們的網站快速加載並阻止崩潰的主要組件之一是出色的WordPress CDN。 我們正在使用MaxCDN,您可以在“藍圖”部分中對我們的MaxCDN進行評論,在其中我們解釋為什麼使用MaxCDN。 如果您不知道什麼是CDN或為什麼需要CDN,則應查看或查看“什麼是CDN”。

如此說來,為了遵循本教程,您必須擁有一個MaxCDN帳戶。 這是非常實惠的,物有所值。 如果您沒有帳戶,可以立即註冊。 您可以使用我們的MaxCDN優惠券“ wpbeginner”獲得25%的折扣。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

使用MaxCDN創建帳戶後,您需要安裝名為W3 Total Cache的免費WordPress插件。

您需要做的第一件事是登錄您的MaxCDN帳戶並創建一個“拉區”。 為此,請單擊“管理區域”按鈕,然後單擊“創建拉出區域”圖標。

MaxCDN創建拉區

在下一頁上,將要求您輸入新“拉動”區域的詳細信息。

  • 拉區名稱:可以是沒有空格的任何字符,至少3個字符長。 將此視為您的用戶名。
  • 原始服務器URL:輸入您的wordpress博客的URL。 必須有“ http://”和結尾的斜杠(/)。
  • 自定義CDN域:使用任何子域,例如:cdn.wpbeginner.com
  • 標籤:這就像一個說明字段。 添加描述是可選的。
  • 壓縮:我們建議您啟用此功能,因為這樣可以節省帳戶帶寬的使用。

MaxCDN拉區詳細信息

單擊創建後,您將看到一個成功屏幕。 在該綠色框中,您將具有CDN的URL。 它看起來像“ wpb.wpbeginner.netdna-cdn.com”。 讓我們複製此URL並將其保存在記事本中。 我們將需要在以後的步驟中使用它。 如果轉到儀表板,現在將看到您創建的區域。 點擊“管理”圖標。

管理MaxCDN區域

接下來,您需要單擊“設置”選項卡,然後查看自定義域。

MaxCDN區域設置

此處的目標是添加多個子域(CNAME),以便我們可以提高瀏覽器中的流水線性能。 為此,請單擊“自定義域”上的“編輯”按鈕,然後簡單地添加多個自定義域。

MaxCDN多個子域

添加自定義子域後,只需單擊更新。 在“壓縮”設置中,確保啟用GZip壓縮。

現在,您已經配置了拉區,請使用在前面的步驟中獲得的長CDN網址,看起來像“ wpb.wpbeginner.netdna-cdn.com”。 我們將需要此設置CNAME記錄。 我們將向您展示如何使用cPanel創建CNAME記錄。 大多數WordPress託管提供商都在使用cPanel。 登錄到您的cPanel,然後向下滾動到“域”部分並單擊 簡單的DNS區域編輯器

cPanel中的簡單DNS區域編輯器

在此頁面上,您需要填寫字段以添加CNAME記錄。 您需要填寫的兩個值是:Name和CNAME。

  • 名稱: 這是您的自定義CDN域的名稱。 例如,我們的自定義CDN域是cdn.wpbeginner.com,因此我們將“ cdn”放在我們的名稱字段中。
  • CNAME: 這是您創建提取區域時MaxCDN提供給您的URL。 例如:“ wpb.wpbeginner.netdna-cdn.com”。

屏幕截圖示例:

添加CNAME記錄

對您將添加的所有自定義域重複此過程。 CNAME值將相同。 您所要更改的只是名稱,如“ cdn”,“ cdn2”等。如果您擁有非cPanel主機,則添加CNAME方法可能會有所不同。

現在您已經配置了MaxCDN,讓我們繼續並將其與WordPress集成。 我們將需要使用W3 Total Cache插件。 安裝並激活插件。 在常規屏幕上,如果向下滾動,將看到CDN框。 啟用CDN並選擇NetDNA / MaxCDN選項。

W3總緩存CDN

保存設置。 現在,您將需要轉到W3 Total Cache中的CDN菜單,以使用WordPress配置MaxCDN。 該頁面將要求您輸入API ID,API密鑰和自定義域名。

W3 Total Cache MaxCDN集成

您可以從MaxCDN信息中心獲取API ID和密鑰。 如果您去管理帳戶»API。 單擊添加密鑰,然後創建您的密鑰。

如何獲取MaxCDN API密鑰

一旦配置了W3 Total Cache部分,就可以了。 您可以單擊“測試NetDNA”按鈕,並且應該能夠通過測試。

是否想加快您的WordPress? 好吧,那麼我們建議您開始使用像MaxCDN這樣的CDN服務。 使用MaxCDN優惠券 “ wpbeginner” 獲得25%的折扣。