【WP插件】WordPress速度优化缓存插件WP Rocket和Cloudflare缓存设置的详细教程

当你访问一个网站，缓慢的网页加载速度是非常令人沮丧的一件事情。Forrester Consulting的一项研究表明 “47％的消费者希望在2秒甚至更短的时间内成功加载网页”。令人遗憾的是，许多站长并没有意识到：一个网站速度慢不仅会让访问者感到不开心，还会对您的网站在百度或谷歌的排名产生负面影响，降低网站在搜索引擎排名的权重。所以，我们必须对自己的Wordpress网站进行优化，加快网站访问速度。本站采用的优化方案是阿里云虚拟主机+WP Rocket+CloudFlare，我将分享使用WP-Rocket和Cloudflare缓存设置的详细设置教程。

1. wp rocket插件优化设置

1.1 缓存

1.1.1 移动端缓存

勾选“移动端单独缓存”

1.1.2 用户端缓存

如果你的博客只有你自己登录，就不缓存了；如果你的站点使用了bbpress论坛插件或多用户的站点，那么建议开启此项，给每个已登录用户缓存一份。

1.1.3 缓存有效期

一般保持插件默认10小时即可，这个应该是官方统计大数据后的最佳设置。

图一

1.2 文件优化

1.2.1 基础设置

勾选“HTML压缩”、“合并Google 字体文件”和“从静态资源中删除查询字符串”开启相应功能。

注意事项：经多方查证有关WordPress网站优化的资料，wp-rocket或其他缓存插件对“html、css、js的文件合并与压缩”的效果要比CloudFlare好。所以，这里对文件的优化操作全部用插件来实现。

1.2.2 CSS文件

勾选“压缩CSS文件”、“合并CSS文件”和“CSS文件递送优化”。虽然这些选项有一定的风险，主要是由于有些主题的编码习惯不好，容易出现样式错乱，所以请进行充足测试后再正式使用。还有“关键路径CSS备用代码”，其实就是Font、Tag、Archive等生成的CSS文件。

图二

注意事项：其中“排除JavaScript文件”中可以解决主题菜单显示不正常的情况，如果你启用此项功能后，发现导航菜单仅在首页显示，那么把你网站主题的js文件全部在这里排除既可。

1.2.3 JavaScript 文件

“压缩JS文件”、“合并JavaScript文件qi启用JavaScript文件压缩以选择”和“JavaScript异步加载”及其子选项“jQuery的安全模式（推荐）”均勾选。这个选项的风险和CSS文件一样，往往都是由于主题作者编码习惯不好造成的，一般是没问题的；如果真是发生异常，直接禁用掉就又恢复正常了。

图三

1.3 媒体

1.3.1 懒加载

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

1.3.2 Emoji表情

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

1.3.3 嵌入功能

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

图四

1.4 预缓存

1.4.1 预缓存

勾选“开启预缓存”及其子选项“启用Sitemap预缓存”和Yoast SEO XML 网站地图（如果你没有安装Yoast SEO插件则不会有此选项）。

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 自动清理

频率设置为“每周一次”

注意事项：

优化此选项时，请务必经常备份数据库，建议每日自动备份一次，可以借助自动备份插件。

1.7 CDN

如果你用的是CloudFlare是没必要配置该选项的。

1.8 心跳监测

1.8.1 心跳监测

勾选“心跳控制”

1.8.2 减少或禁用心跳检测

禁用这三个选项

图六

1.9 扩展功能

1.9.1 Rocket一键扩展功能

1.9.1.1 Google跟踪

如果你使用Google分析，那么请开启“Google追踪”选项，其他根据需要开启。

1.9.2 Rocket 扩展功能

1.9.2.1 CloudFlare

如果你正使用CloudFlare，那么就可以开启“CloudFlare”选项，开启CloudFlare后，选择“修改设置”。在“Cloudflare授权”项填写对应的“全局 API Key”、“账户邮箱”、“Zone ID”，“Cloudflare设置”选项只开启“优化设置”即可，这样WP Rocket就会自动优化CloudFlare的配置，其实就是开启了webP、Rocket Loader™等功能。

图七

1.9.3 如何获取 Cloudflare API 密钥和Zone ID？

点这里查看官方教程，下面是直接复制过来的教程：

1.登录到 Cloudflare 帐户。

2.前往 My Profile。

图八

3.向下滚动到 API Keys，然后查找Global API Key。

图九

4.单击 API Key来查看您的 API 密钥。

图十

5、切换到添加域名的主页，下翻到右下角看到Zone ID为止，我这里添加域名是iyideng.com

图十一

注意事项：个人 API 密钥与服务器托管合作伙伴 API 密钥不同，来自个人帐户的密钥不适用于服务器托管合作伙伴 API。

此时，Wordpress静态缓存插件WP Rocket优化网站的详细配置教程就结束了。

2. CloudFlare优化配置

2.1 DNS

首先要修改加速域名的DNS服务器并生效后，开启“DNSSEC”。

Cloudflare DNS服务器地址为：
cash.ns.cloudflare.com
chloe.ns.cloudflare.com

2.2 SSL/TLS

开启“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”，如果你已经安装了Wordpress缓存插件，那么建议都不要勾选，因为比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的设置，免费用户只有3条的权限，其实6-8条会比较好一些。由于超过3条是需要付费的，但是你只为了Page Rules的话，没必要花20美元/月，只需要5美元/月多买几条Page Rules就够了。

图十二

“Browser Cache TTL”的时间取决于你博客更新频率，如果你每天更新，就设置为1天。

2.6 Network

开启“HTTP/2”；
开启“WebSockets”；
开启“IP Geolocation”；
开启“IPv6 Compatibility”。

https时代将要结束，IPv6才是新王。

2.7 Scrape Shield

开启“Server-side Excludes”
开启“Hotlink Protection”
关闭 “Email Address Obfuscation”，建议关掉。以前这个好像会影响AMP或MIP，作用就是不让爬虫抓取你站点内容中的电子邮箱信息。

还有一个更简单的方法，那就是使用wordpress的Cloudflare插件，简便而容易控制，非常推荐使用。

3、网站测试

Google PSI：https://developers.google.com/speed/pagespeed/insights/
GTMetrix：https://gtmetrix.com/
Pingdom：https://tool.pingdom.com/

图十三

图十四

图十五

图十六

今天教程就更新到这里！我相信您已经完成了WP Rocket和Cloudflare加速优化的所有配置，你的网站已经焕然一新了。请使用GTMetrix或者Pingdom重新检测网站的速度，以及其他网站指标 (PageSpeed和Yslow)。经过这么一番优化后，大多数的项目应该都变成绿色，速度也会大幅度提高，祝贺您！

感谢您的来访，获取更多精彩文章请收藏本站。