QUIC.cloud 教學,更快速的 WordPress CDN

sky, water, new

大家都知道使用 Cloudflare CDN 服務可以優化網站速度,但你可能不知道有更適合 WordPress 使用的 CDN 服務,QUIC.cloud。

本文說明如何使用 QUIC.cloud CDN,搭配 Cloudflare DNS 加上整合 LiteSpeed Cache 外掛,優化 WordPress 速度。

什麼是 CDN

CDN 的全名 Content Delivery Network。

CDN 服務會將我們的網站發佈到全世界, (依據 CDN 服務商的 Server 分佈廣度而定)。

網站的讀者在瀏覽網站時,CDN 會從離讀者最近的 Server 取得網頁資料,這樣可以加快網頁開啟速度,也可以節省原網站的流量。

CDN 可以提供進階的安全保護,在網站受到暴力破解或 DDOS 攻擊時,可以幫助阻擋,保護後面的網站。

什麼是 QUIC.cloud

QUIC.cloud 是一個高效率,高度整合 LiteSpeed Web Server 和 LiteSpeed Cache 的 CDN 服務,目前還是 beta 測試版本,可以免費使用,但有每個月的用量限制。

QUIC.cloud 使用 QUIC 通訊協定。

什麼是 QUIC

QUIC 最早是由 Google 制定,現在已漸漸開始標準化,各大公司包含 Facebook、Uber 等都已開始使用。

參考: https://www.ithome.com.tw/news/140687

原始的 HTTP (1版和2版) 是基於 TCP 建立,QUIC 是基於 UDP 建立。

UDP 的效率比 TCP 好,但可靠度稍差,而 QUIC 是建基於 UDP,加上可靠度和安全性等特色機制。

下一代的 HTTP 即是以 QUIC 為基礎,現已確定命名為 HTTP/3。

參考:https://http3.net/

如何整合 WordPress & QUIC.cloud

1. 首先確定你的虛擬主機使用 LiteSpeed Web Server

2. 安裝 LiteSpeed Cache 外掛(至少 3.0 版本以上)

3. 配對 WordPress & QUIC.cloud

必須先安裝好 LiteSpeed Cache 外掛。

step 1

開啟 LiteSpeed Cache -> General (一般設定頁)

step 2

點擊 【Request Domain Key】

等待一段時間,重新整理網頁後,Domain Key 會自動帶入。

step 3

點擊【Link to QUIC.cloud】開啟 QUIC.cloud 網站

step 4

建立新帳號

你會收到一份啟用確認信。點擊確認啟用連結即可。

step 5

以上就已配對完成,點擊【Visit My Dashboard on QUIC.cloud】或登入 https://my.quic.cloud/ 開啟儀表板,這裡可以看到自己的網站出現了。

step 6

進入外掛 LiteSpeed Cache -> CDN 設定

啟用 QUIC.cloud CDN API

4. 啟用 QUIC.cloud CDN

step 1

登入 QUIC.cloud 啟用 CDN 設定。

step 2

這邊說明需要修改 DNS CNAME 紀錄,先把紅色字記下來,後面會用到。

5. 設定 DNS CNAME 紀錄

這個步驟比較繁雜。主要就是兩個部分,第一建立 Cloudflare 帳號使用 CDN 服務,第二修改 CNAME 紀錄指到 QUIC.cloud。

Cloudflare 不只是 CDN,也有提供 DNS 服務,DNSPerf 顯示 Cloudflare DNS 是目前最快的 DNS。

本站使用 Hostinger 虛擬主機,主機使用 LiteSpeed Web Server,非常適合搭配 LiteSpeed Cache Plugin 和 Quic.cloud CDN。

step 1

開啟 cPanel,點擊 Cloudflare。

註冊 Cloudflare 帳號。

step 2

選擇 Provision Domain with Full Zone Setup

依據說明修改 name server 設定。

網域註冊商通常會提供介面修改 Name Server。

最多需要等待 24 小時完成 DNS 資料同步,一般狀況下其實不用那麼久,但就是需要一些等待時間。

step 3

開啟 Cloudflare 管理介面的 DNS 功能

新增或修改 CNAME 紀錄如下範例,Proxy Status 必須改成 DNS only。

詳細可參考 LiteSpeed Technologies 的教學。

如何使用 Cloudflare HTTP/3 (with QUIC)

也許你只想使用 Cloudflare CDN,不想整合 QUIC.cloud 也可以,登入 Cloudflare 後開啟 Network 管理頁面。

啟用 HTTP/3 (with QUIC) 即可。

如何測試

使用 HTTP/3 Check 網站做測試

結果如下表示網站已支援 QUIC 和 HTTP/3

QUIC.cloud Dashboard

查看 CDN 這一欄如果有出現使用流量百分比表示正常。

如下圖顯示 – ,表示尚未設定正確。

開啟 CDN -> DNS status 如下可以看到目前的 DNS 狀態。

LiteSpeed Cache Dashboard

開啟 Dashboard

這裡會依據設定值與使用狀況顯示詳細。

常見問題

QUIC.cloud 是免費的嗎?

是,但有流量限制,每個月重置。

什麼是 HTTP/3?

新一代的 HTTP 通訊協定,比 HTTP/2 效率更好。

什麼是 Cloudflare?

著名的 CDN Service,也提供免費 DNS。

什麼是 Hostinger?

使用 LiteSpeed Web Server 的主機商、提供 WordPress 主機、雲端主機等服務。

如何組成最快速的 WordPress 網站?

LiteSpeed Web Server + LiteSpeed Cache + Cloudflare DNS + QUID.cloud CDN。

相關新聞

阿里正式开源自研 XQUIC:已服务手淘上亿用户,网络耗时降低超 20%

阿里巴巴自主研發的 XQUIC,是符合 QUIC 規範的標準協議庫,阿里巴巴的技術團隊在 2018 年底就開始計畫研發,現在阿里內部的系統都已開始使用。

XQUIC 在移動端也支持移動端,Android / iOS / Linux 都有對應的程式庫。

根據 Cloudflare 分析,現在互聯網上使用 QUIC 的 HTTP/3 流量約有 12%,照這個態勢,QUIC 協議在不久的將來,應該也會變成虛擬主機的標準配備。