如何在 WordPress 中添加和使用 CDN(完整設置指南)

已發表: 2022-08-25

有很多方法可以加快網站速度,但最有效的方法之一是使用內容交付網絡 (CDN)。 CDN 將您站點的副本或選擇的內容存儲在服務器網絡上,然後將該內容從可以最快執行此操作的服務器發送到訪問者的計算機。 這通常是地理上離他們最近的一個。

使用內容交付網絡可以分配服務器的工作負載——這意味著您的站點加載速度更快、更可靠,同時減少了託管計劃使用的資源。

因為有很多選擇,所以問題不在於您是否應該為您的 WordPress 網站使用 CDN,而在於使用一個以及如何將其與 WordPress 集成。

一些 CDN 是免費的。 其他人則收取高額費用。 有些需要高級技術知識來設置,有些是為 WordPress 構建的,可以很容易地與插件集成。

關鍵是並非所有的 CDN 都是一樣的。 下面,您將學習如何為 WordPress 選擇正確的 CDN 以及如何安裝它。 然後,我們將討論使用 CDN 的好處並回答一些常見問題。

WordPress 最好的 CDN 是什麼?

您可以在任何網站上使用許多 CDN 服務。 雖然,大多數內容交付網絡的一個缺點是它們是優質服務。 這是因為幕後需要基礎設施。

簡而言之,當您註冊 CDN 時,您可以訪問真實世界數據中心的全球網絡。 這些數據中心緩存您的站點及其文件的副本。

因此,當訪問者訪問您的網站時,CDN 會“攔截”該連接並從離用戶最近的數據中心為網站提供服務。 這樣,網站的交付速度更快,效率更高。

從本質上講,CDN 經過優化以盡可能快地提供內容並能夠處理大量流量。 使用 CDN,您的網站仍然可以按預期運行,但在大多數情況下,它的加載速度比單獨使用託管服務提供商的服務器要快得多。

流行的內容交付網絡 (CDN)

CDN 有很多選擇。 Cloudflare 是一種流行的選項,它附帶您可能需要或不需要的其他服務。 雖然它是眾所周知的,但與其他完全專用於 WordPress 網站的解決方案相比,它的設置會更加複雜。 也就是說,如果您有一個高級站點和一個 IT 團隊可以提供幫助,那麼它可能是一個不錯的選擇。 有一些功能有限的免費計劃,但商業計劃的起價為每月 200 美元,專為嚴重依賴其網站的公司設計。

Cloudfront 是來自亞馬遜的 CDN 服務。 它是 Amazon Web Services 工具套件的一部分,是另一種選擇,非常適合具有大量流量(每月數十萬或數百萬次點擊)或大型內容或產品數據庫的網站。 您需要一個 AWS 賬戶和一個 AWS Identity and Access Management 用戶才能開始使用。 Cloudfront 確實有一個用於 WordPress 的插件,但您可能希望查看入門文檔,以了解您或您的 IT 經理是否準備好應對可能漫長的設置過程。 Cloudfront 並非專為 WordPress 網站而設計。

KeyCDN 是您可能聽說過的另一個 WordPress 的 CDN。 它擁有強大、快速的服務器,並專注於加速圖像——這是網站中最重的部分之一。 它還包括一個插件,使與 WordPress 的集成相對簡單。 但是,仍然有相當多的設置需要配置,這可能會讓非開發人員感到困惑。 也沒有可用的免費計劃,定價基於使用的存儲空間。 這意味著你成長得越多,你必須付出的代價就越多。

大多數 WordPress 網站的最佳 CDN

除非您是一家較大的公司,否則許多流行的 CDN 可能非常昂貴或難以管理。 但是大多數 WordPress 網站都可以從專門為 WordPress 構建的出色免費選項 — Jetpack 中受益匪淺。

Jetpack 提供免費的 CDN,您可以將其用於您網站的圖像和靜態文件。 這些是插件基本版本中內置的功能。 您甚至不需要高級 Jetpack 許可證即可訪問 CDN 功能。

Jetpack Boost 主頁

此外,您可以安裝 Jetpack Boost 插件,這將幫助您進一步優化加載時間。 使用 Jetpack Boost,您可以通過讓插件優化您的 CSS、延遲非關鍵腳本以及為您的網站啟用延遲加載來改進您的 Core Web Vitals。

如果您不確定要使用什麼 CDN,那麼在輕鬆集成方面您無法擊敗 Jetpack。

如何在 WordPress 中安裝 CDN

通常,安裝 CDN 涉及編輯您的域名記錄 (DNS),以便它們指向服務而不是您的網絡託管服務提供商。 但是,該過程可能會因您使用的內容交付網絡而異。

使用 Jetpack,您無需編輯任何域記錄即可使用 CDN 功能。 對於使用 Jetpack 設置 WordPress CDN,您所要做的就是安裝插件並激活它。 之後,您需要將插件連接到 WordPress.com 帳戶才能開始利用其功能。

儘管 Jetpack 與自託管的 WordPress 網站一起使用,但它是由 Automattic 團隊(WordPress.com 背後的同一個人)開發的。 創建一個免費的 WordPress.com 帳戶只需幾分鐘,您無需使用它,只需輸入您的憑據即可激活 Jetpack。

如何配置您的 WordPress CDN

我們將以 Jetpack CDN 為例。 但是,在通讀之前,您可能需要查看其他 CDN 入門文檔,例如來自 Cloudfront 的文檔。 那麼,下面對比一下Jetpack的配置流程,全面了解易用性上的區別。

如何配置 Jetpack CDN

一旦插件在您的網站上處於活動狀態,導航到Jetpack → 設置並打開性能選項卡。 查找顯示性能和速度的部分並打開啟用站點加速器選項:

開啟 Jetpack CDN

在本節的底部,您還可以選擇為圖像啟用延遲加載。 如果這樣做,訪問者就不必一次從您的網站頁面加載所有圖像。 相反,圖像只會在用戶向下滾動相應頁面時開始加載。

如果您使用的是 Jetpack Boost,儀表板中將有一個額外的Jetpack → Boost頁面,您可以在其中訪問更多與性能相關的設置。 在此頁面中,您可以監控您網站的桌面版和移動版的 PageSpeed Insights 性能得分。

Jetpack Boost 性能得分

如果您已經通過 Jetpack 啟用了延遲加載,則可以在此處跳過該設置。 然後,您可以打開Optimize CSS LoadingDefer Non-Essential JavaScript設置,一切順利。

這些設置不是 Jetpack 的 CDN 功能的一部分,但如果您想提高網站的整體性能,它們是必不可少的。 總而言之,Jetpack CDN 功能和 Jetpack Boost 在幫助您減少站點加載時間方面齊頭並進。

Jetpack CDN 的主要優勢是什麼?

一些 CDN 提供分佈在世界各地的大量服務器,非常適合大型全球企業。 其他人則內置了廣泛的額外功能。對於大多數網站來說,這些遠遠超出了他們所需要或使用的功能。

如果您正在運營一個不斷發展的網站,並且只想在不花錢的情況下加快您的網站速度,那麼 Jetpack CDN 是理想的選擇。

借助 Jetpack,您可以利用世界知名的 WordPress.com 基礎設施來改善您網站的加載時間,而且一切都是免費的。 以下是其他一些好處:

  • 很容易設置。 其他 CDN 通常涉及復雜的集成過程。 在大多數情況下,您需要將 DNS 設置配置為指向其他名稱服務器以使用 CDN。 這可能會令人困惑,尤其是對於 WordPress 初學者。 但是 Jetpack 使您無需複雜的配置過程即可增強網站的性能。
  • 它可以減少您的託管費用。 由於您的許多大文件被卸載到 Jetpack CDN 服務器,因此您的託管服務提供商使用的存儲容量和帶寬會減少。
  • 它包括無限的資源。 許多其他 CDN 根據您網站的大小或您在特定時間段內獲得的訪問次數收取更多費用。 成長越多,付出的越多! 但無論您的網站有多大,Jetpack 都是免費的。
  • 它是為 WordPress 構建的。 這意味著它與您已經在使用的主題和插件無縫集成,您不必花費寶貴的時間來解決兼容性問題。 此外,它始終與最新版本的 WordPress 保持同步。
  • 它包括自動圖像壓縮。 圖像通常是 WordPress 網站上最重的文件類型之一。 Jetpack CDN 會在您上傳圖片時自動壓縮圖片以減輕其重量,甚至針對移動設備進行優化。

常見問題 (FAQ)

如果您對 CDN 及其工作方式仍有任何疑問,本節將為您解答。 讓我們從深入研究如何在 WordPress 中使用 CDN 開始。

什麼是 WordPress 中的 CDN?

內容交付網絡 (CDN) 是使您能夠在第三方服務器上緩存站點副本的服務。 通常,CDN 在世界各地都有數據中心,當訪問者試圖訪問它時,它們使用這些數據中心來提供您網站的緩存副本。

如果您決定使用 CDN,則需要註冊。 如果您正在尋找提高其性能的方法,您還必須手動將其與您的網站集成。

將 CDN 與 WordPress 結合使用的一個關鍵優勢是 CMS 非常受歡迎,以至於大多數服務都可以輕鬆集成。 這意味著您通常可以訪問插件或有關如何配置 CDN 以與您的 WordPress 網站一起使用的深入說明。

我需要使用 CDN 嗎?

對於任何網站來說,使用 CDN 並不是絕對必要的,但在大多數情況下建議使用。 這是因為確保您的網站盡可能快地加載將改善用戶體驗並有助於降低其整體跳出率。

在大多數情況下,將 CDN 與 WordPress 集成將幾乎立即大大減少加載時間。 如果您將 CDN 的使用與其他性能改進調整相結合,您將能夠提供最佳的用戶體驗。

如果您沒有付費 CDN 的預算,您可以使用 Jetpack 之類的服務。 使用 Jetpack,您可以免費使用付費 CDN 服務提供的大部分功能。 如果您想使用更高級的功能,您可以隨時選擇升級到高級 Jetpack 計劃。

為 WordPress 使用 CDN 有什麼好處?

使用 CDN 的主要好處是減少網站的加載時間。 CDN 通過從最近的數據中心向訪問者提供站點的緩存副本來實現這一點。 他們的服務器針對性能進行了優化。 更重要的是,它們通常可以處理比常規託管計劃更多的並發流量。

除了性能改進之外,CDN 還提供了一系列額外的好處。 其中一些包括:

  • 提高安全性:使用 CDN,您可以在攻擊者和您的網站之間增加一層安全性。 一些 CDN 還提供 Web 防火牆功能,使您能夠阻止來自惡意來源的連接。
  • 防禦 DDoS 攻擊:大多數 CDN 提供針對分佈式拒絕服務 (DDoS) 攻擊的保護。 DDoS 攻擊是指有人將大量並發流量引導到您的網站以使其不堪重負,使其無法訪問。
  • 減少服務器的工作量:由於 CDN 處理大多數訪問者請求,因此您的服務器不必工作那麼多。 通常,這意味著您可以在不犧牲質量的情況下選擇更便宜的託管計劃。

如果您使用像 Jetpack 這樣的免費 CDN,則基本上沒有缺點。 高級 CDN 可能很昂貴,因此性能和其他好處的增加多少超過成本成為一個問題。 有了免費(且功能強大)的 CDN,一切都會好起來的。

是否有專門為 WordPress 構建的免費 CDN?

Jetpack 是市場上唯一的 WordPress 特定 CDN。 Jetpack 的某些功能僅適用於擁有高級許可證的用戶,例如實時 WordPress 備份和客戶關係管理 (CRM) 工具。 另一方面,Jetpack CDN 可供所有用戶使用。

要開始使用 Jetpack 及其內置 CDN,您只需安裝插件並設置一個免費的 WordPress.com 帳戶。 您還可以安裝 Jetpack Boost 以進一步提高性能。

CDN 會提高我的 WordPress 網站的性能嗎?

在絕大多數情況下,使用 CDN 會立即提升性能。 這是因為大多數 CDN 服務器都比常規服務器優化得更好。 CDN 還提供世界各地的數據中心,從而減少了連接到遙遠地區託管的網站時的延遲問題。

如果您使用的是面向性能的 WordPress 託管服務提供商,並且您已經正確配置了您的網站,那麼它可能已經快速加載。 但是,使用 CDN 可以進一步減少加載時間,這始終是積極的。

我還能做些什麼來提高我網站的性能?

有很多方法可以提高網站的性能。 當您設置一個新的 WordPress 網站時,它應該幾乎立即加載。 如果沒有,很可能是您的虛擬主機有問題。

不幸的是,並非所有網絡主機都針對性能進行了優化,即使您沒有使用共享主機計劃。 如果您有一個全新的網站並且加載時間超過兩秒鐘,您可能需要考慮切換到不同的託管服務提供商。

另一方面,如果您對您的虛擬主機和網站的基本性能感到滿意,那麼仍有很多方法可以進一步減少加載時間。 在這些方法中,您有以下選項:

  • 在上傳之前或期間壓縮圖像。 圖像會佔用大量服務器空間,並且會大大減慢加載時間。 我們建議您壓縮它們以減小整體文件大小,而不是避免使用圖像。
  • 啟用瀏覽器緩存。 通過瀏覽器緩存,訪問者可以在本地存儲來自您站點的文件。 這樣一來,他們就不需要在每次訪問您的網站時完全重新加載您的網站。
  • 打開圖像的延遲加載。 此功能使用戶在向下滾動查看圖像之前不會加載圖像。 延遲加載有助於減少頁面的初始加載時間。
  • 縮小 CSS 和 JavaScript。 大多數現代網站都使用各種 CSS 和 JavaScript 集合。 縮小這些文件可以減少加載所需的時間。

除了這些優化之外,您還可以明智地考慮 Core Web Vitals。 這些是谷歌在搜索結果中對網站進行排名時考慮的用戶體驗指標。 Core Web Vitals 與網站性能直接相關。

如果您使用 Jetpack Boost,該插件可以幫助您測量和改進您的 Core Web Vitals。

使用內容交付網絡 (CDN) 來提高 WordPress 網站的性能

確保您的網站盡可能快是提供積極用戶體驗的關鍵。 如果您不這樣做,加載時間過慢可能會導致您失去訪問者。 使用 CDN 可能是提高網站性能的最佳方式。

有很多 CDN 選項可用於 WordPress,但 Jetpack CDN 是一款出色的免費工具,易於配置。 對於大多數站點來說,Jetpack 是立即提高站點性能的理想工具。

查看 Jetpack 完整的 WordPress 安全、性能和增長工具系列。