Cloudflare优化方案

【文章为转载,站长测试过有一定效果,有需要的朋友测试】

前言

最近再一次着手优化博客的访问速度,基于上次的优化再次提升,这次用上了我之前放弃的cloudflare cdn加速方案,现在有了新的思路和新的工具。

cloudflare的cdn节点都在海外,国内访问速度其实并不理想,如果自己的vps线路质量可以的话,用cloudflare cdn反倒会减速,这是我之前的想法,但是自cloudflare推出了cloudflare partner计划,可以通过partner免费使用cname解析,从而可以使用某些奇淫巧术实现自定义cdn节点。

dnspod dns解析

本来想按逻辑顺序来写,但是考虑到实际操作是按照工具顺序来执行,就先从dns解析说起吧!

以往如果我们要使用cloudflare的免费cdn,就要使用cloudflare的dns解析,现在有了partner计划,可以免费使用cname解析,这次我们选用dnspod提供的dns解析,dnspod还提供d监控服务,d监控可以监控网站线路,并根据网络情况自动切换节点

先说说什么是d监控

什么是D监控?
D监控就是:当您的一个服务器确认宕机后,系统会自动给您切换到可用的服务器,宕掉的服务器恢复后自动切换回原ip(注意:系统不默认开启D监控,需要您手动启用D监控)
检测的原理:所有监控点会向目标服 务器发起一次 http请求,当且仅当所有监控点都得不到应答时,我们会认为服务器宕机,从而进行操作。(这里需要注意的是,403等错误返回只提示警告,不进行ip切换,500以上错误返回提示宕机,进行切换)

要使用dnspod dns解析,首先要注册dnspod,并把域名挂在上面,这个相信有能力建站的人都会操作,我就不赘述了

域名放在dnspod dns解析后,暂时不要设置d监控,现在可以去搞cname了

cloudflare partner

先注册cloudflare账号(http://cloudflare.com/),之后去cloudflare partner处登录。

我使用的是笨牛网提供的cloudflare partner服务:https://cdn.bnxb.com/

注册登录笨牛网的cloudflare partner服务,然后选择添加域名,使用cname方式接入。

BNXB管理后台

BNXB管理后台

提交后会给出cname地址,把cname地址填写进dnspod的dns解析中。

CNAME回源设置

CNAME回源设置

过一会就会生效,ping一下的网站,看是否走了cloudflare cdn,如果这时候走了cloudflare cdn,那么ping网站的时候会出现cname地址。

重头戏来了

cname接入cloudflare cdn最大的好处就是可以自定义cdn节点,这样我们就可以选择国内访问最快的cloudflare cdn节点,从而实现加速访问,并且在d监控的加持下防止网站因线路的缘故中断访问。

目前cloudflare所提供的免费节点很多都被玩烂了,所以需要大家自行测试。

我这里分享一些网上的提供的ip,这些ip段,从中选择ip段后修改ip地址,填写到dnspod中,例172.64.32.56,并且按照运营商填写,每个运营商填写两个节点,海外为默认:

还有奇淫巧术

如果不想测试那么多节点,或者担心节点挂掉,可以把除默认外所有的记录值都写成1.0.0.1这样,cloudflare会自己判断,解析后dns记录会全都转到1.0.0.1,看起来很秀:

域名DNS管理

域名DNS管理

开启D监控

点击下图标示的图标,把节点都勾选上;

D监控设置

D监控设置

查看节点情况,目前免费节点的延迟都是忽高忽低,只要对应运营商线路的节点没红就没事。

DNSPod域名监控

DNSPod域名监控

之后如果对节点不满意就在dnspod里更换节点即可,生效很快,d监控里就可以及时查看新节点情况

cloudflare page rules

cloudflare默认不会缓存html文件,所以为了把数据尽可能多的放到cloudflare节点里,我们需要对缓存内容进行设置。

这是cloudflare官方的 page rules讲解,建议看一看,懒得看也没有关系,按照我的设置来也行:

Page rules设置

Page rules设置

注意!有先后顺序

cloudflare缓存需要时间,所以edge cache ttl设置时间长一些最好,否则还没缓存到cdn就过期了,我设置的7天,后台和预览文章不缓存。

这里再插一句,因为免费账户只有3条规则,对于WordPress是不够用的,为了节省规则,需要修改WordPress登录地址,将其变为wp-adminxxxx

安装Rename wp-login.php插件,修改登录地址为wp-adminxxxx

WordPress后台登录地址

WordPress后台登录地址

测试是否缓存成功

这个可能要等一会才能看到效果,不过是否走cdn节点当时就能够看出来,

关掉代理软件,打开Chrome开发者模式,Network 选项卡,Disable cache 禁用浏览器缓存,选择自己的网站网址,Headers标签,查看Remote Address是否为之前在dns解析处设定的地址。

缓存命中查看

缓存命中查看

cf-cache-status: HIT则为命中缓存,查看Timing标签,看TTFB时间,越短越好。

TTFB信息查看

TTFB信息查看

经过CDN后访客IP地址不正确的解决办法

使用cloudflare cdn后,访客的ip和留言ip都会变为cloudflare cdn的ip,解决办法也非常简单,cloudflare官方给出解决办法。

Cloudflare将访问者的 IP 地址包含在  X-Forwarded-For 标头和 CF-Connecting-IP 标头。

修改Nginx配置文件,在http内容里添加如下内容,把cloudflare的ip段添加进去:

WordPress再加速

WordPress是动态生成网页,为了进一步提高加载速度,使用WP Super Cache可以生成静态页面,同时开启gzip压缩选项,Cache Everything可以把gzip压缩后的html缓存进cdn,以提升加载速度。另一款Autoptimize插件也提供非常优秀的WordPress优化支持。

WP Super Cache页面压缩开启

WP Super Cache页面压缩开启

WP Super Cache压缩生效与否

WP Super Cache压缩生效与否

除此之外,建议安装官方插件cloudflare

可以手动和自动清除缓存,查看数据分析,非常有用。

cloudflare插件安装

cloudflare插件安装

速度测试

首先说一下,这些速度测试的分数只能作为参考,没有太大的实际意义,特别是谷歌测试。

boce全国速度测试

boce网站速度测试

boce网站速度测试

Google PageSpeed Insights

Google PageSpeed Insights

Google PageSpeed Insights

Pingdom Website Speed Test

Xnip2020-08-25_14-22-57

Pingdom

关于网站测速,可以阅读网站测速性能测试深入浅出教程[附15款常用网站测速工具]如何做到Google PageSpeed Insights测试满分/100分两篇文章!

结语

目前免费的cloudflare cdn加速手段就这些了,在page rules里我禁用了性能优化,不推荐开启。还有一个付费的据说能够大幅提升速度,我没用过。经过以上优化,大部分人应该能够在3秒内打开我的网站 https://sleele.com/

Railgun

Railgun 是 Cloudflare 专门为 Business 和 Enterprise 企业级客户提供的终极加速方案。要使用它,先需要升级网站套餐为 Business 或 Enterprise,然后还需要在服务器上安装必要软件并在 Cloudflare 上完成配置。这相当于是一个双边加速的软件,其实现原理是让服务器与 Cloudflare 建立一个长久的 TCP 加密连接,使用 Railgun 独有协议而不是 HTTP 协议,这样显然能减少连接延迟。此外,它还会对动态页面缓存:考虑到大多动态页面都包含了大量相同的 HTML 信息,在用户请求一个新的页面时,服务器将只发送那些变化了的内容。这相当于一种多次的 Gzip 压缩。

作者 灰武士