使用 CDN 服務進一步優化 WordPress 網站速度

網站速度是影響使用者體驗、搜尋引擎排名和轉換率的重要因素之一。根據 Google 的研究,如果網站載入時間超過 3 秒,超過一半的使用者會離開該網站,而現在 Google 也把網站速度作為搜尋排名的一個因素。

因此,使用 CDN 服務來加速網站載入時間對於 WordPress 網站來說是必要的。除了提高網站速度,使用 CDN 服務還能減少伺服器負載、提高網站的可用性和可靠性,並降低帶寬費用。特別是對於電商、新聞、娛樂等網站,網站速度更是至關重要。

如果想要更加深入的了解 CDN,歡迎參考我們另一篇專業的介紹文章: CDN是什麼。我們這篇文章將會把焦點放在要如何在 WordPress 網站中搭配 CDN 使用來提供服務。

WordPress 網站速度的影響因素

要了解如何使用 CDN 服務來優化 WordPress 網站速度,首先需要知道網站速度受到哪些因素的影響。
以下是一些常見的影響網站速度的因素:

  1. 主機性能:網站主機的性能和配置是影響網站速度的最重要因素之一。如果您的主機配置不佳或主機處理器負載過高,那麼網站速度就會受到影響。

  2. 網頁設計和外掛:網頁設計和佈局也會影響網站速度。如果您的網站內容過多、圖像太大或是使用太多的第三方外掛,這些都會使得網站速度變慢。

  3. 圖像和多媒體內容:網站中的圖像和多媒體內容也會影響網站速度。如果您的圖像太大或使用的是高解析度的圖像,那麼網站速度就會變慢。使用影片、音頻和其他多媒體內容也會增加網站的負載時間。

  4. 網站緩存:網站緩存也會影響網站速度。網站緩存可以幫助加快網站載入速度,減少伺服器負載,並提高網站的可用性和可靠性。

這些因素中,使用 CDN 可以針對以下幾點帶來改善:

  1. 主機性能:使用 CDN 可以分散主機負載,讓網站的靜態內容(如圖像、CSS、JavaScript等)由 CDN 提供,從而減輕主機的負擔,提高主機的性能表現。

  2. 圖像和多媒體內容:快速傳輸圖像和多媒體內容,從而減少網站載入時間,提高用戶體驗。

  3. 網站緩存:CDN 會提供全球節點,並且通常會使用緩存技術來優化載入速度。

    免費的 CDN 服務 – Cloudflare

Cloudflare 是一個全球知名的 CDN 服務提供商和網路安全公司,成立於 2010 年,總部位於美國加州。Cloudflare提供多種服務,包括 CDN、網路安全、網路優化和網路分發等。其中,CDN 是該公司的核心服務之一!而且更重要的是…它免費!

只要申請完帳號設定好網域的相關設定,就可以馬上開始享有 CDN 幫網站帶來的各種好處!

如何設定 Cloudflare

申請完帳號登入 Cloudflare 之後,點擊新增網站 using-cdn-to-improve-performance-2023-04-28-16-42-03

輸入網站的網域, 請盡量使用 root domain, 舉例來說: 如果網站的網址是 www.domain.com.tw, 請輸入 domain.com.tw using-cdn-to-improve-performance-2023-04-28-16-45-18

選擇方案可以先從免費的開始使用, 如果是有一定規模的網站也可以考慮直接使用每月 $20 美金的方案來獲得更好的保護與更多的功能。 using-cdn-to-improve-performance-2023-04-28-17-23-50

選完方案之後就要進行 DNS 的設定,如果不知道什麼是 DNS 的話請參考我們的另一篇介紹文章:什麼是DNS Cloudflare 會先偵測目前的 DNS 設定,並複製一份下來。你也可以選擇自己新增 DNS 記錄或是直接匯入備份的 DNS 設定 Cloudflare DNS 驗證

設定完 DNS 之後, 接下來要到申請網域的單位來進行 DNS 的驗證與託管設定,這一步也是所有設定裡最重要的一步!Cloudflare 會在畫面中顯示要求的設定值 using-cdn-to-improve-performance-2023-04-28-18-45-21

以 Gandi 的設定為例,打開 域名 -> 名稱伺服器,點擊變更 Gandi DNS 設定範例 將 Cloudflare 的設定值填入並按下儲存,就可以回到 Cloudflare 進行設定的驗證了。請特別注意,因為 DNS 的特性與工作原理,這個驗證最久有可能會需要 24 ~ 48 小時才有辦法完成,如果在舊的 DNS 設定中有任何的設定也建議先把這些內容完成的備份下來!

設定完成後, DNS 就正式交付給 Cloudflare 進行管理, 在 Cloudflare 的 DNS 設定介面中應該要可以看到和之前舊的 DNS 設定完全一致的內容 Cloudflare DNS 設定

這個時候我們只需要將 DNS 設定中的, 和網站相關的 DNS Proxy status 選項設定為 Proxied, 網站就可以享有 Cloudflare 提供的 CDN 服務功能了! 如何開啟 Cloudflare CDN

結論

CDN 對於網站效能來說是非常重要的設定,如果搭配 Cloudflare 可以非常輕鬆的完成相關設定; 如果想要對 CDN 有更細節並且更完整的操作,也可以改成搭配使用 AWS Cloudfront,有機會的話我們再來寫另一篇教學的 Blog 教大家如何設定 AWS Cloudfront。

另外需要特別注意,設定 DNS 的時候記得要先記錄所有舊的設定有哪些,避免 Cloudflare 在複製設定時有任何的遺漏。

如果在設定過程如有碰到的困難或是問題,都歡迎與我們聯絡與諮詢,讓蓋婭科技成為你網站製作上最堅實的後盾!

Shingo

Shingo

系統架構師 | 鏟屎官 專治疑難雜症,擅長系統架構設計與規劃

想知道更多嗎?

填入常用的電子郵件,即可在第一時間獲取最新知識!

Subscription Form