Cloudflare免费版实战：外贸站DNS绑定与CDN加速怎么配

核心洞察

Cloudflare云服务提供商，支持边缘函数、静态资源部署等，Astro 项目可通过 @astrojs/cloudflare 集成部署。 的免费套餐对做外贸站的人来说基本是标配，但很多人卡在第一步：域名服务器怎么改、DNS域名系统，将域名转换为 IP 地址的服务。Cloudflare 是全球最大的 DNS 服务商之一，提供免费 DNS 解析。 记录怎么填。这篇文章把注册到绑定的完整流程拆得很细，连泡咖啡等 DNS 生效这种细节都写了。我唯一想提醒的是，Rocket LoaderCloudflare提供的JavaScript异步加载优化功能，可提升页面加载速度，但可能影响部分用户访问。 那个功能别急着开，它跟某些 WordPress 主题的 JS 加载方式会打架，先测试再上线。

核心结论

1. Cloudflare 域名注册价格为 8.99 美金一年，比 Namesilo 便宜，且从 Cloudflare 直接购买域名可省去更改域名服务器的步骤。
2. Cloudflare CDN内容分发网络，通过遍布全球的服务器节点缓存和分发内容，加速用户访问。 全球市场份额排名第一，超过 80% 的用户选择使用。
3. 使用 Cloudflare CDN 的外贸独立站方案，在 Google Speed Insight 上可拿到 90 分以上。
4. 更改 DNS 服务器后，解析通常需要 5 到 10 分钟才能生效。
5. Rocket Loader 功能开启后页面浏览速度提升明显，但可能与部分 WordPress 主题的 JS 加载方式冲突，建议先测试再上线。

Cloudflare介绍

什么是Cloudflare

Cloudflare 是一家总部在旧金山的美国跨国科技公司，主要业务是给客户提供基于反向代理的内容分发网络和分布式域名解析服务。

现在 Cloudflare 也做域名注册和购买，价格是 8.99 美金一年，比 Namesilo 便宜一些。不过客服响应速度偏慢，当然一般情况你也用不到客服。

外贸建站新手如果预算紧张，可以把 Cloudflare 域名当作备选方案。

什么是CDN？

CDN 是一种优化网站请求处理的机制。用户访问网站时，它就在用户和网站服务器之间充当中间层。

CDN 能缓存浏览器发起的请求，还带负载均衡功能。突然来一波大流量，服务器也不会崩。Cloudflare 的标准功能里还带了缓存数据优化。

CDN 产品有 Akamai、CloudFront 这些，Cloudflare 也是其中之一。Cloudflare CDN 的全球市场份额排第一，超过 80% 的用户选择使用。

Cloudflare优势：

• DDoS保护分布式拒绝服务攻击防护，通过过滤恶意流量保护网站免受攻击。：过滤恶意流量，保护网站免受分布式拒绝服务攻击。
• 内容分发网络：帮助加速网站内容在全球范围内的传输。
• SSL/TLS加密协议，用于保护网站和访问者之间的数据传输安全。加密安全保护：保护网站和访问者的安全。
• 提升网页访问速度：通过压缩代码、压缩资源和缓存内容来优化网站性能。
• 详细流量分析和报告：包括请求、带宽使用和安全事件等信息。
• 简单直观的界面：管理网站设置和配置很容易上手。
• 免费和收费计划：获得 CDN、DDoS 保护和安全优势的经济实惠方式。

我设计的“WordPress高性能外贸建站速度提升方案1.0”版本用的就是 Cloudflare CDN 服务。外贸独立站新手用这套方案，网站在 Google Speed Insight 上能拿到 90 分以上，满足一般企业建站要求没问题。

速度提升方案现在已经迭代到 3.0 版本，1.0 版本不久后会免费开放给读者。

Cloudflare账号注册、激活，并绑定网站域名

点击此链接跳转 Cloudflare 官网开始注册。

1. 开始注册Cloudflare账号

输入邮箱和密码，邮箱国内外均可。密码需要满足以下条件。

2. 激活cloudflare账号

注册绑定的邮箱会收到一封邮件，点击邮件里的链接激活账号。

3. 添加新的站点

在 Cloudflare 中添加新的网站，注意要添加不带 WWW 的根域名。

套餐方案选免费版就行。

进入域名详情页面，Cloudflare 会自动扫描已有的 DNS 记录，直接选择继续。

4. 更改你的DNS服务器

Cloudflare 会提示更新名称服务器，这时需要去域名注册服务商那里修改。

以 Namesilo 为例，进入后台找到购买的域名，把名称服务器改成 Cloudflare 提供的地址。改完后回到刚才的页面点完成。

注意：DNS 解析需要时间，通常 5 到 10 分钟才生效，泡杯咖啡等着吧。

更详细的操作步骤见《Namesilo如何更换域名解析服务器到Cloudflare？》。

5. Cloudflare 成功保护您的站点

显示如下界面，说明 Cloudflare 已经成功绑定。

6. Cloudflare快速入门指南

Cloudflare 现在做得很人性化，按照它提供的快速入门指南就能快速设置必要选项。

可以直接参考我的设置。

自动 HTTPS 重写

始终使用HTTPS

开启CSS,JSS压缩

全部显示“ON”后，即可点击完成

给网站添加解析记录并开启CDN

1. 点击添加记录按钮。
2. 类型选择 A。
3. 名称填入 @，表示使用不带 www 的域名，也叫根域，比如 oyouoo.com 而非 www.oyouoo.com。如果要使用 www 域名，此处填入 www 即可。
4. IPv4地址：填入服务器的 IP 地址，通常服务器管理面板里都会提供。
5. 代理状态：默认是一朵橙色的云，表示启用了 CDN。点击一下变成灰色的云，表示不启用 CDN。
6. 点击保存提交。

Cloudflare进阶设置

SSL和TLS设置

尽量选择“完全”或者“完全（严格）”，网站打开过程中不至于出现重定向过多的问题。

缓存配置、Tiered Cache分层缓存服务，在Cloudflare网络中使用优化路由，更快更可靠地提供响应。设置、网站副本设置

Crawler HintsCloudflare新功能，减少源服务器资源消耗，为搜索引擎爬虫提供高质量数据。 是 Cloudflare 新出的功能，能减少源服务器及其他 Internet 基础结构的资源消耗，并为搜索引擎和其他爬网程序提供高质量数据。

Always Online当网站宕机时，提供缓存副本供用户继续浏览的功能。 功能可以在网站宕机时提供一个副本供用户继续浏览。

Tiered Caching 是一项服务，在 Cloudflare 网络中使用优化过的路由，更快、更可靠、更安全地为用户提供响应。

Cloudflare速度优化：开启Cloudflare Fonts、Early Hints、Rocket Loader

Rocket Loader 服务需要自己测试。开启后页面浏览速度提升明显，但部分用户访问页面可能会出现问题。

Cloudflare申请、注册、购买域名

进入 Cloudflare 后台，点击左侧的“注册域”服务即可。偶尔后台会出现不显示价格的 BUG，把网站语言改成英文就能解决。

Cloudflare 提供的域名数量挺少的，但 com 域名比 Namesilo 相对便宜，而且直接从 Cloudflare 购买域名省去了更改域名服务器的麻烦。

本文原创于掘金随想

常见问题（FAQ）

Cloudflare免费版真的能让网站Google Speed Insight跑90分以上吗？

可以。文章提到用Cloudflare CDN服务，配合WordPress高性能外贸建站速度提升方案1.0，网站能在Google Speed Insight拿到90分以上，满足一般企业建站要求。

Cloudflare的Rocket Loader功能要不要开启？

别急着开。Rocket Loader跟某些WordPress主题的JS加载方式会打架，开启后页面浏览速度提升明显，但部分用户访问可能出问题，建议先测试再上线。

在Cloudflare添加DNS记录时，代理状态橙云和灰云有什么区别？

橙云表示启用CDN，流量经过Cloudflare加速和安全防护；灰云表示不启用CDN，直接解析到源服务器。外贸建站一般建议开启橙云。