• 環境準備
• 使用 Cloudflare DNS
• 安裝 LiteSpeed Cache plugin
  • 取得 Domain Key
  • 開啟套件端的 CDN 功能
• 設定 QUIC.cloud CDN
• 設定 Cloudflare DNS
  • 設定由 Cloudflare 提供靜態內容 CDN 服務
  • 新增 QUIC.cloud CNAME 提供動態內容 CDN 服務
  • DNS 記錄
• QUIC.cloud 驗證 DNS
• 測試
  • 快取
  • HTTP/3
  • 效能

QUIC.cloud CDN 與 CloudFlare 新手教學

如果你也是 WordPress 的使用者，你一定不能錯過 Quic cloud(QC) 這個高效能及整合全站動靜態內容快取、DNS、CDN 的服務，且由於其高度整合性，可以讓你輕鬆的用 QUIC.cloud 來服務你的網站，這篇主要來為大家介紹如何透過 QUIC.cloud CDN 內建的智能的快取服務提升網頁速度, 並整合 Cloudflare CDN 來提供更優質的網速.
簡易的資源請求概念:

動態資源請求 <----> QUIC.cloud <--如果快取 miss--> 原伺服器
靜態資源請求 <----> Cloudflare <--如果快取 miss--> 原伺服器

我會推薦使用 QUIC.cloud 的幾個理由:

• 智能動態資源快取(Dynamic caching)，讓 wordpress 不會有錯誤的快取
• 每個月有固定免費額度的 CDN 服務
• 支援 HTTP/2, HTTP/3
• 支援 DDoS 和 暴力破解等防護
• 不限定網頁伺服器, 如果你剛好使用 LiteSpeed 則可以獲得更高的免費流量

環境準備

• Demo 網域：www.wadetest.club, cdn.wadetest.club
• Demo IP：1.2.3.4
• CMS：WordPress
• Cloudflare account
• 將 QUIC.cloud 的 IP 設定至防火牆白名單 (無防火牆則可以跳過)

使用 Cloudflare DNS

欲使用 QUIC Cloud DNS，請參考 QUIC.cloud CDN 與 DNS 新手教學

我們將使用 Cloudflare 所提供的名稱伺服器來代管我們的網域 (已經使用者可直接跳過)

• Nameserver 1: kami.ns.cloudflare.com
• Nameserver 2: roan.ns.cloudflare.com

進入你的 DNS 管理介面中，將 Cloudflare 的名稱伺服器設定至你的名稱伺服器內

安裝 LiteSpeed Cache plugin

欲使用 CDN, 圖像優化, CCSS, LQIP 等 QUIC.cloud 雲端服務. 我們須先透過 LiteSpeed Cache Plugin(LSCWP) 來取得一組 Domain Key.

進入 WordPress admin -> Plugins -> Add New -> keyword

• 搜尋：lscache
• 點選：Install 並啟用

取得 Domain Key

進入 WordPress admin -> LiteSpeed Cache -> General -> Domain Key -> Request Domain Key

等待幾秒鐘後刷新(F5) 你的管理介面，你會得到一組 Domain Key，你可以透過點選 Link to QUIC.cloud 按鈕來註冊 QUIC.cloud 帳號並管理你的網站

開啟套件端的 CDN 功能

進入 WordPress admin -> LiteSpeed Cache -> CDN

1. 設定 QUIC.cloud CDN -> ON

2. 設定 CloudFlare CDN 來服務靜態文件, 以下設定意思為使用 cdn.wadetest.club 代替 www.wadetest.club (images, CSS, JS) 來服務.

   • Use CDN Mapping -> ON
   • CDN URL -> https://cdn.wadetest.club/
   • Original URLs -> //www.wadetest.club/

   

   

3. 按下 Save Changes 按鈕儲存設定

設定 QUIC.cloud CDN

1. 登入 my.quic.cloud
2. 點選你的網域
3. 於 CDN 頁面點選 Enable CDN
   
4. 選擇 I’m using Cloudflare and wish to continue doing that
   
5. 你會得到一組 CNAME 值: c965613.tier1.quicns.com，先記下來，待會我們會需他
   

設定 Cloudflare DNS

設定由 Cloudflare 提供靜態內容 CDN 服務

• 進入 Cloudflare -> DNS -> DNS management for wadetest.club

  • Type -> A
  • NAME -> cdn
  • IPv4 address -> 伺服器 IP
    

  Note: 請新增 sub domain 到你的 www.wadetest.club 虛擬主機

新增 QUIC.cloud CNAME 提供動態內容 CDN 服務

1. 根網域設定

根網域就像是 wadetest.club

• Type -> CNAME
• NAME -> wadetest.club
• Target -> c965613.tier1.quicns.com (QUIC.cloud 提供的 CNAME)
• Proxy status -> DNS only 要點擊橘色的雲，讓它變成灰色的
  

2. www 網域設定

www 網域像是 www.wadetest.club (使用根網域者/root domain 可跳過)

• Type -> CNAME
• NAME -> www
• Target -> c965613.tier1.quicns.com (QUIC.cloud 提供的 CNAME)
• Proxy status -> DNS only 點擊橘色的雲，讓它變成灰色的
  

DNS 記錄

完成後可以檢查一下你的 Cloudflare DNS 記錄會像是下方圖片

QUIC.cloud 驗證 DNS

1. 回到 my.quic.cloud > CDN，點選 Verify DNS Now 進行最後驗證工作
   
2. 你可以喝一杯咖啡再回來按一下 Refresh Status 檢查 Verification Status，DNS 指向通常整個過程通常不會超過 15分鐘
   
3. 驗證成功畫面
   

測試

快取

透過 https://check.lscache.io/ 測試你的網站是否已經完成 Quic cloud CDN 設定

HTTP/3

透過 https://http3check.net/ 測試你的網站是否支援 HTTP/3

效能

實際用設定好的網站在 uptrends 上測試網路效能, 速度確實很快.

近期目標

分享更多 QUIC.Cloud 使用者經驗像是, QC 安全性,QC CDN 設定等等
如果你有任何問題, 歡迎在下方留言