念念不忘
必有回响🎉

使用WP-Rocket和CloudFlare优化WordPress网站

本站的优化方案是OSS+CloudFlare+WP Rocket。但是大多都是默认的优化选项,并没有进一步配置其他优化选项,今日得空也算是再折腾折腾。

1. 优化wp-rocket插件

主要的优化操作如下:

1.1 缓存

1.1.1 移动端缓存

开启“移动端单独缓存”

1.1.2 用户端缓存

因为我的博客仅允许我登录,所以此时就不缓存了;如果你的站点使用了bbpress或者是多用户的站点,那么最好开启此选项,效果是给每个已登录的用户缓存一份。

1.1.3 缓存有效期

官方默认是10小时,如果你也不清楚设置多少,那么保持默认即可。这个配置应该是官方统计了大量网站的设置而取的最优解。

1.2 文件优化

1.2.1 基础设置

勾选“HTML压缩”

勾选“合并Google 字体文件”

勾选“从静态文件移除版本查询字符串”

说明:经过查阅许多资料(有关优化WordPress的博客),html、css、js的文件合并与压缩使用wp-rocket或者其他相关插件要比在CloudFlare的效果要好。于是,我将文件相关的优化操作都使用插件来完成。

1.2.2 CSS文件

勾选“压缩CSS文件”

勾选“合并CSS文件”

勾选“CSS文件递送优化”

这个选项有一定的风险,有些主题的作者编码习惯不太好,很容易会出现样式错乱,请进行充足的测试后再上线使用。目前Dux主题没啥问题。

还有就是中文翻译的时候有个所谓的“关键路径”,其实就是Font、Tag、Archive等生成的css文件。翻译比较蹩脚,但是按照英文的释义的确是这个,当然,如果有其他比较好的翻译建议可以提给我,我去修改下(我是这个插件的中文翻译之一,😓)。

1.2.3 JavaScript 文件

勾选“压缩JS文件”

勾选“合并JS文件”

勾选“JavaScript文件异步加载”及其子选项“jQuery的安全模式”

这个选项的风险和CSS文件的一样,如果主题作者编码习惯好,大概率是没啥问题的。

1.3 媒体

1.3.1 懒加载

勾选“Ifream&视频”选项及子选项。

1.3.2 Emoji表情

默认此项是禁用的,保持不变。

1.3.3 嵌入功能

勾选“禁用嵌入功能”,以避免自己的站点被其他站点嵌入造成流量与速度的损失。

1.4 预缓存

1.4.1 预缓存

勾选“开启预缓存”及其子选项“启用SiteMap预缓存”

1.4.2 DNS预读取

填入如下内容

//ajax.googleapi.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//www.googletagmanager.com
//cdnjs.cloudflare.com
//secure.gravatar.com
//imgsrc.io
//oss.tvzr.com
//zz.bdstatic.com
//www.baidu.com
//sp0.baidu.com
//pagead2.googlesyndication.com

具体填写的内容以你的网站所需要请求的域名为主。

这里说明下,有些服务提供者会提供动态DNS,国内用户解析的地址为国内线路的IP地址,国外的用户则解析给国外线路友好的IP,如果你的服务器在国外,而用户在国内,那么此时会出现DNS预加载的IP是国外的,不但没有起到加速的效果,反而减速了。所以需要充分做好测试在填写。

1.5 高级规则

该规则基本上对个人博客没啥用,就没必要配置。

1.6 数据库

1.6.1 文章清理

勾选“修订版版”

勾选“回收站文章”

1.6.2 评论清理

勾选“垃圾评论”

勾选“回收站评论”

1.6.3 临时数据清理

勾选“过期的临时数据”

勾选“所有临时数据”

1.6.4 数据库清理

勾选“优化数据表”

1.6.5 自动清理

频率设置为“每周一次”

注意,优化此选项时,请务必备份数据库,建议每日备份一次,具体备份脚本在请参考《自动备份网站到DropBox》

1.7 CDN

如果你用的是CloudFlare就没必要配置该选项,所以此处我没有配置。

1.8 心跳检测

1.8.1 心跳检测

勾选“启用心跳检测”

1.8.2 减少或禁用心跳检测

选项里的三个都选择禁用

1.9 扩展功能

1.9.1 Rocket意见扩展功能

因为我用到了Google分析,所以此出我开启Google追踪选项,其他的没用到就没开启。

1.9.2 Rocket 扩展功能

我用到了CloudFlare,所以此处开启CloudFlare的功能。 开启CloudFlare后,会出现新的Tab栏,填写对应的Key后,只开启优化配置即可,这样WP-Rocket会自动优化CloudFlare的配置,其实就是开启了webP、Rocket Loader™等功能。具体CloudFlare还需要定制化优化。

此时,针对WP-Rocket插件的优化就这样了。有其他更加优化的配置还请不吝赐教。

2. 优化CloudFlare

2.1 DNS

这里只需要开启“DNSSEC”即可,因为我的域名也托管到CloudFlare了,所以会自动开启该选项。

2.2 Crypto

开启“Always Use HTTPS”

开启“Authenticated Origin Pulls”

修改“Minimum TLS Version”的值为“TLS 1.2”

开启“Opportunistic Encryption”

开启“Onion Routing”

修改“TLS 1.3”的值为“Enable”

“Automatic HTTPS Rewrites”这个选项看个人,因为我建站之初就是全站SSL,那么没必要开启此选项,如果你的站点是后期才实现全站SSL的,那么请开启这个选项。

2.3 Speed

修改“Polish”的值为Lossless(无损),如果对图片质量没啥要求,可以选择Lossy(有损),并且勾选“WebP”

“Auto Minify”我把默认勾选的都去掉了,因为这些操作我使用wp-rocket插件来完成了,并且效果比cloudFlare效果更好,风险更低。

开启“Brotli”

开启“Enhanced HTTP/2 Prioritization”

开启“TCP Turbo”

开启“Mirage”

开启“Rocket Loader™”,这个选项需要注意,如果你的站点支持mip,那么这个选项是要禁用的。

2.4 Caching

选择“Caching Level”的值为“Standard”

选择“Browser Cache Expiration”的值为“1 day”

开启“Always Online™”

2.5 Page Rules

Page Rules其实才是CloudFlare最值得付费的地方,免费用户只能设置3条,其实大约6-8条比较全面一点。如果你只为了Page Rules的话,没必要每个月话20刀。只需要每个月5刀买几条Page Rules即可。下面是我的配置,你可以参考或者帮忙再优化下:

之前设置了12条,后来因为不想继续维护这个站就关闭了Pro,结果配置都丢了。目前先配置这些吧,等以后慢慢在家,20条不能浪费了。具体Browser Cache TTL的时间取决于你博客更新的评率,每天更新的话就设置为1天。

2.6 Network

开启“HTTP/2”

开启“IPv6 Compatibility”,HTTPS的流行已经结束,IPV6才是王道。

开启“WebSockets”

开启“IP Geolocation”

2.7 Scrape Shield

关闭 “Email Address Obfuscation”,之前这个会影响AMP或者是mip,忘记了,反正我是给关了,用处就是不让爬虫爬取你站点内容中的邮箱信息。

开启“Server-side Excludes”

开启“Hotlink Protection”

其他的例如“Argo”就是还需要再次付费,好处就是让用户访问时,能够从其他的CDN节点获取已缓存的页面从而获得加速效果,原因是因为CloudFlare的每个节点的缓存是单独的,并不是一个用户第一次访问就会在全球100多个节点都产生缓存,而是只在提供给你服务的节点产生缓存,而且全球节点在回源的时候也会存在延迟等问题,那么节点与节点之间获取缓存这个问题就得以解决,Argo就是来解决这个问题,就价格与实际效果方面来说,完全没必要;还有关于全程加密和半程加密的优化,有人做过测试半程加密比全程加密快。不过我不在乎这点。

意思就是我的站点使用WP-Rocket和CloudFlare所做的优化,当然OSS这个东西就很纠结了,对国内用户友好,但是对国外的网络就比较差了。不过阿里云可以对OSS进行全球加速,那么对应的还需要再附加这部分费用,个人站点尤其是国内用户也没必要去考虑这个了,只不过在页面速度测试时OSS会拉低评分。

 

赞(3) 打赏
未经允许不得转载:Charles's Blog » 使用WP-Rocket和CloudFlare优化WordPress网站

评论 9

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    真详细,我设置的跟你差不多。😂

    灰常记忆4个月前 (06-10)回复
    • 我这边试了下你的站,速度也很快。还在搬瓦工?

      Charles4个月前 (06-10)回复
  2. #-48

    wp-rocket 老版本有个问题。网站被黑了好几个

    • wp-rocket的安全性挺高的呀,我从14年用到现在,没有被黑过,当然你也可以装一个wordfence,基本上不会被黑。

      Charles4个月前 (06-13)回复
  3. #-47

    打错字了,开启“Rocket Loader™”,这个选项需要主要,如果你的站点支持mip,那么这个选项是要禁用的。
    应该是很重要吧

    iVampireSP4个月前 (06-19)回复
    • 哈哈,多谢指出,不过我的意思是“这个选项需要注意”。因为之前百度支持MIP⚡️的时候,我开启了Rocket Loader™,结果导致MIP的页面不符合规范,取消了就可以了。具体可以参考使用CloudFlare Rocket Loader的注意事项,本来加上data-cfasync=”false”就可以了,结果在MIP升级以后,这样也不行了,所以就干脆取消了。
      不过,就百度后来取消⚡️来说,我再也不会去兼容mip了。AMP就够了。

      Charles4个月前 (06-19)回复
      • 嗯呐~顺便一说,感谢写出这么好的文章!

        iVampireSP4个月前 (06-19)回复
        • 过奖了,也就是些流水账式的笔记,能帮到大家最好不过了。哈哈😀

          Charles4个月前 (06-19)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏