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)。经过这么一番优化后,大多数的项目应该都变成绿色,速度也会大幅度提高,祝贺您!

发表评论

电子邮件地址不会被公开。 必填项已用*标注