环境準备使用 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.clubDemo IP：1.2.3.4CMS：WordPressCloudflare account将 QUIC.cloud 的 IP 设定至防火墙白名单 (无防火墙则可以跳过)

使用 Cloudflare DNS

欲使用 QUIC Cloud DNS，请参考 QUIC.cloud CDN 与 DNS 新手教学

我们将使用 Cloudflare 所提供的名称伺服器来代管我们的网域 (已经使用者可直接跳过)

Nameserver 1:kami.ns.cloudflare.comNameserver 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

设定 QUIC.cloud CDN -> ON

设定 CloudFlare CDN 来服务静态文件, 以下设定意思为使用 cdn.wadetest.club 代替 www.wadetest.club (images, CSS, JS) 来服务.

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

按下 Save Changes 按钮储存设定

设定 QUIC.cloud CDN

登入 my.quic.cloud点选你的网域于 CDN 页面点选 Enable CDN
选择 I’m using Cloudflare and wish to continue doing that
你会得到一组 CNAME 值: c965613.tier1.quicns.com，先记下来，待会我们会需他

设定 Cloudflare DNS

设定由 Cloudflare 提供静态内容 CDN 服务

进入 Cloudflare -> DNS -> DNS management for wadetest.club

Type -> ANAME -> cdnIPv4 address -> 伺服器 IP

Note: 请新增 sub domain 到你的 www.wadetest.club 虚拟主机

新增 QUIC.cloud CNAME 提供动态内容 CDN 服务

1. 根网域设定

根网域就像是 wadetest.club

Type -> CNAMENAME -> wadetest.clubTarget -> c965613.tier1.quicns.com (QUIC.cloud 提供的 CNAME)Proxy status -> DNS only 要点击橘色的云，让它变成灰色的

2. www 网域设定

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

Type -> CNAMENAME -> wwwTarget -> c965613.tier1.quicns.com (QUIC.cloud 提供的 CNAME)Proxy status -> DNS only 点击橘色的云，让它变成灰色的

DNS 记录

完成后可以检查一下你的 Cloudflare DNS 记录会像是下方图片

QUIC.cloud 验证 DNS

回到 my.quic.cloud > CDN，点选 Verify DNS Now 进行最后验证工作
你可以喝一杯咖啡再回来按一下 Refresh Status 检查 Verification Status，DNS 指向通常整个过程通常不会超过 15分钟
验证成功画面

测试

快取

透过 https://check.lscache.io/ 测试你的网站是否已经完成 Quic cloud CDN 设定

HTTP/3

透过 https://http3check.net/ 测试你的网站是否支援 HTTP/3

效能

实际用设定好的网站在 uptrends 上测试网路效能, 速度确实很快.

近期目标

分享更多 QUIC.Cloud 使用者经验像是, QC 安全性,QC CDN 设定等等
如果你有任何问题, 欢迎在下方留言