使用 Cloudfront 和 WP Fastest Cache 配置您自己的自定義 CDN 的指南
在一些網站上使用 WP Fastest Cache 一段時間後,我很高興地說它確實提高了我的 WordPress 網站的整體速度和性能,我強烈建議在您的 WordPress 網站上使用此插件並開始看到好處使用緩存。即使使用緩存,仍然有一些改進的空間,例如,利用內容交付網絡來加載靜態內容,如圖像、Javascript、CSS 等。幸運的是,WP Fastest Cache 的工作人員已經使與您最喜歡的 CDN 服務的集成變得簡單。
使用插件或 CDN之前的性能結果
在搜索了一段時間有關如何使用 Amazon Cloudfront 和 WP Fastest Cache 設置內容分發網絡並空手而歸後,我決定為可能處於相同位置的其他人創建本指南。我希望本指南能夠幫助您節省一些時間和金錢,並真正提高您網站的性能。
你們中的許多人可能已經了解通過 Cloudflare 提供的免費或付費 CDN 服務,我已經在一些網站上使用了 Cloudflare 的免費服務,但想利用通過 Amazon Web Services 提供的 Cloudfront CDN 服務。
您可能會問為什麼從免費 CDN 切換到付費 CDN 服務?
我花了很多時間在雲託管應用程序、服務器和數據庫、S3 等方面與 AWS 合作——通過我工作的 WholesaleBackup 公司,該公司是白標備份軟件的製造商。在 WholesaleBackup,我們決定是否要使用 CDN 服務,它必須與我們現有的 AWS 堆棧和基礎設施集成。據我所知,這項服務非常便宜,而且它還允許完全精細的控制,同時與我們在 WholesaleBackup 所做的所有其他工作集中在一起。因此,這主要是業務需求,但定價非常驚人,例如)在美國 10TB 為 8.5 美分。甜的!
子步驟:(如果您沒有啟用 Cloudflare,請跳過這 2 個步驟)
如何禁用免費的 Cloudflare CDN 服務,以便您可以開始使用 Amazon Cloudfront CDN
- 登錄您的 DNS 服務,並將使用 Cloudflare CDN URL 的名稱服務器條目替換為您自己的託管服務器名稱服務器條目。
- 登錄 Cloudflare 並禁用您所選網站的 CDN 服務,這樣它將不再嘗試接受對您網站的請求。在“概述”>“高級”下查看,單擊“刪除”。
腳步:
如何使用 AWS Cloudfront for WP Fastest Cache 插件創建 CDN
- 如果您尚未安裝 WP Fastest Cache Plugin。
- 在插件上配置您的默認 WP Fastest Cache 設置,請注意這些是我的設置,您可以根據最適合您的 WordPress 網站的方式進行設置。
- 登錄您的 AWS 管理控制台,或者註冊以創建您的賬戶(如果您沒有賬戶)。(您可能需要啟用計費)。在 AWS 服務搜索提示中,輸入或鍵入 Cloudfront,然後單擊以選擇顯示 Cloudfront – Global Content Delivery Network 的結果。
- 到達 AWS Cloudfront 服務後,單擊“創建分配”(藍色按鈕)
- 選擇第一個選項來創建 Web 分發來提供網站內容,第二個選項用於流媒體,此處未介紹
- 為您**配置內容分發網絡的源設置** – 源名稱:[輸入您的網站],源路徑:[我將其留空,或者您在此處輸入資產的特定路徑,請注意該服務對您的資產使用相同的讀取權限Web 服務器的文件系統],源 ID:[輸入此服務用途的簡單描述符] 源 SSL 協議:[默認為我的],源協議策略:[更改為匹配查看器],因此當 HTTPS 在站點上處於活動狀態時它將利用安全協議方法。
- 配置默認緩存行為設置 – 對於幾乎所有這些選項,我只是將它們保留為默認設置,但“自動壓縮對象”除外,我將其從“False”更改為“True”,它將盡可能對項目使用 GZIP 壓縮。請隨意單擊每個選項旁邊的信息圖標,然後更改為最適合您網站要求的選項。
- 配置分銷設置 – 對於價格等級:我將其更改為使用美國、加拿大和歐洲,因為它更便宜並且相對於我的位置和客戶而言。關於備用域名 (CNAMES):我輸入了一個自定義 URL 別名,我想用它來提供內容,而不是您將從 Cloudfront 獲得的長期生成的域名。這完全是可選的,但我將向感興趣的人介紹使用 CNAME 為您的 Amazon CloudFront CDN 服務創建您自己的品牌域名的步驟。所有其他選項我都保留為默認設置。接下來也是最後 – 單擊藍色的“創建分發”按鈕開始構建您自己的自定義 CDN 服務。
- 該過程大約需要 10 分鐘或更長時間,具體取決於服務將在整個 AWS CloudFront CDN 終端節點位置上傳和分發的內容量。這段等待時間為我們提供了為 CloudFront CDN 服務創建 CNAME 的絕佳機會,這樣您就可以擁有一個品牌良好的 CDN URL 。或者跳過此步驟並在完成後繼續執行最後的步驟。
- Cloudfront 分發完成部署後,單擊 ID(分配的藍色鏈接文本),複製 Cloudfront CDN 的域名,您將需要此名稱才能進入 WP Fastest Cache CDN 設置。
- 在 WP Fastest Cache Plugin 設置中,導航到 CDN 選項並選擇:其他 CDN 提供商,將新的 Cloudfront 域 URL(或使用您自己的品牌 CNAME)粘貼到 CDN URL 字段中,並輸入您網站的 URL 作為源 URL。
- 此時,更改不會立即出現在您的網站源 HTML 中。插件作者表示“當您添加 CDN 時,您需要清除緩存,然後通過 CDN 提供文件。如果您已登錄,則看不到它。” 一旦 WP Fastest Cache 和 Amazon Cloudfront 完成同步,您就可以輕鬆檢查它是否可以正常工作。運行快速測試以確保 CDN 正常工作,轉到您的網站選擇一個圖像並在新選項卡中打開它,然後替換主機名 URL 以使用 Cloudfront 域 URL(或您自己的自定義品牌 CDN,就像我們在此示例為“cdn.adaptdesigns.net”),一旦您替換了主機名,映像應該會保留,因為它現在正在使用新的 CDN 進行傳送。恭喜你做到了!
- 我的新 CDN 需要多長時間才能完全激活?– 正如插件作者所指出的,您需要刪除緩存並且不登錄才能查看更改。在這種特定情況下,大約需要 2 或 3 小時才能完全激活,並且在檢查我的網站源代碼時我能夠看到 CDN 正在使用,但對您來說可能會更快。
總結和結果
在這種情況下,使用緩存和 CDN 服務後,網站的加載時間縮短了 54%,請求減少了 15%,總頁面大小減少了 16%,YSlow 分數類別增加了 20%,將網站的 PageSpeed 得分和 YSlow 得分均達到綠色。
使用插件和 CDN後的性能結果。