如何在 WordPress 上安裝 Cloudflare CDN

已發表: 2018-07-04
關注@Cloudways

速度和安全性是 WordPress 網站的兩個最重要的要求。 這就是為什麼我們花了無數個日日夜夜(並吃了更多的甜甜圈)來構建最令人印象深刻的託管 WordPress 網站的託管雲平台。

但是,託管並不是提高 WordPress 網站速度的唯一因素。 另一種方法是通過 CDN,它代表內容交付網絡。 在本文中,我將向您展示如何為您的 WordPress 網站輕鬆安裝和配置 Cloudflare CDN。

  • 什麼是 Cloudflare CDN?
  • 在 WordPress 中設置 Cloudflare CDN
    • 第 1 步:註冊 Cloudflare
    • 第 2 步:添加站點 URL
    • 第 3 步:選擇您的 Cloudflare 計劃
    • 步驟 4:查看 DNS 記錄
    • 第 5 步:更改您的名稱服務器
    • 第 6 步:從域註冊商處更改您的 NameServer
    • 第 7 步:Cloudflare 快速入門指南
    • 步驟 8:檢查 Cloudflare CDN 狀態
  • 將 Let's Encrypt 證書添加到 Cloudflare

在本文中,我將向您展示如何在 WordPress 上配置 Cloudflare CDN。 在開始設置過程之前,讓我們了解 Cloudflare CDN 是什麼,以及它如何幫助您優化 Core Web Vitals。

什麼是 Cloudflare CDN?

Cloudflare CDN 是目前最受歡迎的 CDN 之一,其網絡覆蓋 200 多個城市。 它根據網站訪問者的地理距離提供網站的網絡內容。

它提供靜態、動態和媒體內容,以及安全、優化和 SSL 等其他服務。 使用 Cloudflare CDN 服務的網站最大限度地減少了用戶端的延遲,因為它們的內容是從最近的服務器緩存和交付的。

我們來看看 Cloudflare CDN 提供的功能。

Cloudflare CDN 的一些突出特點

  • 智能路由
  • 流傳輸
  • 負載均衡
  • 緩存
  • 優化
  • 加速移動頁面

Cloudflare CDN 是著名的 CDN 提供商,其服務器遍布全球,將您網站的內容提供給世界的每個角落。 Cloudflare 根據計劃提供多種功能。

智能路由

這是一種通過可用最快網絡路由流量的智能方式,其算法利用實時網絡智能來決定最快路徑。

流傳輸

如果從該地區的另一個角落訪問,媒體流加載可能會很耗時。 為了解決這個問題,Cloudflare CDN 提供了一種特殊的緩存機制來即時傳送流文件。

負載均衡

Cloudflare 提供基於訂閱的負載平衡功能,每月 5 美元起。 它是一種基於 DNS 的負載平衡,可幫助應用程序提高性能和站點可用性。

緩存

WordPress 上的 Cloudflare 提供了一種高級緩存機制,可以自動保存靜態內容、緩存清除和分層緩存。

我們已經看到一個典型的網站同時使用動態和靜態內容。 Cloudflare 可以通過使用自己的內容服務器為您節省 CPU 和網絡託管的帶寬資源。 WordPress 上的 Cloudflare 可以減少最終用戶的延遲並增強整體用戶體驗。

閱讀更多:如何將 Cloudflare CDN 與 W3 Total Cache Plugin 一起使用

優化

有時,我們需要為特定功能集成第三方工具和 API。 這些資源不在我們的控制範圍內,如果配置不當,可能會導致延遲。

Cloudflare 旨在提供快速的 Web 體驗並優化頁面資源的順序。

大型或未優化的圖像可能會導致性能問題。 Cloudflare 圖像優化算法通過最大限度地減少網絡連接數量並使圖像交付無縫來自動優化網頁。 這可以防止第三方資源減慢網頁速度。

加速移動頁面

Accelerated Mobile Pages 是一種在從 Google 的移動搜索引擎進行搜索時在移動設備上更快地加載網頁的技術。 越來越多的用戶正在使用他們的移動設備瀏覽互聯網。

Cloudflare CDN 加速移動鏈接由 AMP 提供支持,在查看窗口內加載啟用 AMP 的網頁的速度是標準移動頁面的三倍。

Cloudflare 提供了多種選項,例如 CDN、廣告優化、DDoS 安全、分析等等。 他們還提供免費計劃,您可以在購買付費計劃之前使用。

在 WordPress 中設置 Cloudflare CDN

Cloudflare 提供了許多選項,例如 CDN、廣告優化、DDoS 安全、分析等。 除了免費計劃外,他們還提供多種高級計劃,您將擁有更強大的功能。

MaxCDN 和 Cloudflare 是 WordPress 用戶廣泛使用的兩個 CDN 提供商。 在本教程中,我將分享如何在託管在 Cloudways 上的 WordPress 網站上安裝 Cloudflare。

第 1 步:註冊 Cloudflare

首先,您需要在 Cloudflare 上創建一個帳戶。 如果你已經有了它,那麼你可以跳過這一步。

註冊 cloudflare 屏幕

第 2 步:添加站點 URL

註冊 Cloudflare 後,將彈出一個新屏幕,您必須在其中提供域並單擊Add site

添加網站網址

第 3 步:選擇您的 Cloudflare 計劃

添加站點 URL 後,Cloudflare 將詢問您要使用的計劃。 對於本教程,我將採用免費計劃。

選擇 cloudflare 計劃

步驟 4:查看 DNS 記錄

下一步是檢查您的 DNS 記錄並檢查它們是否配置正確。 在這裡,Cloudflare 將從您的域註冊商處獲取所有 DNS 配置,在我的情況下,只有兩個 DNS 記錄(類型 A)。 查看您的記錄,然後單擊繼續

DNS記錄

第 5 步:更改您的名稱服務器

如下圖所示,您需要更改域註冊商的名稱服務器並將其替換為 Cloudflare 提供的名稱服務器。

更改您的名稱服務器

第 6 步:從域註冊商處更改您的 NameServer

現在,打開您的域名註冊商並更改名稱服務器。 我的域名是 Freenom,我已經成功更改了名稱服務器。

從域名註冊商處更改名稱服務器

第 7 步:Cloudflare 快速入門指南

更改名稱服務器後,返回 Cloudflare CDN 設置選項卡,單擊完成,然後檢查名稱服務器。 您將看到一個快速入門指南屏幕彈出窗口。

cloudflare 入門指南

接下來,只需單擊開始並配置域設置以提高您的安全性和性能。 第一個設置部分是提高安全性,它有 2 個子部分; 自動 HTTPS 重寫始終使用 HTTPS 。 我將使用默認的安全配置,然後單擊“保存”按鈕。

Cloudflare 安全性

接下來是優化性能,它也有兩個子部分; 自動縮小Brotli 。 自動縮小部分是 HTML、JS 和 CSS 縮小部分,可幫助您加快 WordPress 網站的速度。 我正在為 Auto Minify 選擇所有選項,而對於 Brotli,我將使用默認設置。

注意:如果您在 Cloudflare 上選擇縮小,請避免在 Breeze 或任何其他緩存插件上使用它。 為什麼? 在兩端啟用縮小會導致問題,建議一次使用一個。

cloudflare 縮小

最後一部分是摘要,您將在其中看到您的安全和性能配置。 對設置滿意後,單擊“完成”

完成 cloudflare 設置

您將在 Cloudflare 儀表板中收到以下通知“好消息! Cloudflare 現在正在保護您的網站”。 狀態將更改為“活動”,您可以使用頂部面板中的各種選項來配置各種與安全和性能相關的任務。

安裝了 cloudflare

要在 WordPress 網站上充分利用 Cloudflare,建議您在您的網站上安裝他們的插件。

步驟 8:檢查 Cloudflare CDN 狀態

如果您想檢查您的 Cloudflare CDN 是否正常工作,請在任何瀏覽器上打開您的 WordPress 站點 > 按“ Ctrl + Shift + i ” > Network 。 然後刷新您的頁面,您將在其中看到站點的請求。 單擊請求之一併檢查“ cd-cache-status ”。 如果它是HIT,那麼您的 CDN 工作正常。

檢查 cloudflare CDN 狀態

將 Let's Encrypt 證書添加到 Cloudflare

使用 Cloudways,您可以使用 Let's Encrypt 為您的 WordPress 站點創建 SSL 證書。 在您的域上激活 Cloudflare 時無法創建它。 要激活 Let's Encrypt 證書,請按照以下步驟操作:

第 1 步:登錄您的 Cloudflare 儀表板,然後在DNS選項卡下,通過將代理狀態更改為DNS only來禁用wwwyourdomain.com選項。 灰雲表示該服務已禁用。

第 2 步:轉到您的 Cloudways 應用程序管理面板,SSL證書輸入您的電子郵件地址>域名,然後單擊安裝證書

雲道ssl

第 3 步:現在,轉到您的服務器管理面板 > 設置和包 > 高級選項卡,然後在WAF 模塊下,選擇Cloudflare

cloudways waf 模塊

第 4 步:返回 Cloudflare 儀表板並啟用我們在第 1 步中禁用的選項。

第 5 步:接下來,單擊頂部的SSL/TLS選項卡並將 SSL 設置為Flexible 。 Cloudflare 最多可能需要 24 小時才能激活證書。 但是,如果您之前已經使用過同一個域,它將立即被激活。

cloudflare 靈活的 ssl

就這樣! 在 WordPress 網站上配置 Cloudflare 後,您將獲得一大堆選項。 大多數選項適用於付費計劃,但如果有幫助,我們建議升級您的計劃並充分利用它!

最後的想法

WordPress 上的 Cloudflare 改善了用戶訪問您網站的體驗,並節省了您的 Web 服務器寶貴的 CPU 和帶寬資源。 它是一個高度優化的 CDN,可以完全消除延遲的擔憂並提高您的 WordPress 網站速度。

常見問題 (FAQ)

Cloudflare 是託管服務提供商嗎?

不,CloudFlare CDN 是提供 CDN 服務的內容交付網絡提供商。 使用其服務的網站可以訪問其龐大的服務器網絡,通過該網絡可以提供站點的靜態和動態內容,從而最大限度地減少用戶端的延遲。

MaxCDN 和 Cloudflare 有什麼區別?

Cloudflare 提供免費計劃選項,而 MaxCDN 沒有。 Cloudflare 易於設置並提供網站安全性。 MaxCDN 可以使用 W3 Total Cache 插件進行設置,並被知名企業使用。