Hunk » 外贸建站 » Wordpress插件 » 优秀的网站加速插件 – WP rocket详细设置教程

优秀的网站加速插件 – WP rocket详细设置教程

WP rocket是一款优秀的网站速度优化的插件,用于对网站内容进行缓存,它的设置比较简单,效果很好,今天Hunk就把WP rocket的详细配置教程写出来。

本文示范的wp rocket版本是3.1.4

WP rocket的界面语言跟你的WP后台语言一致,本文示范的是英文界面下的wp rocket

本文示范的网站为linode.imhunk.com,下图是仅仅安装wp rocket并优化后的速度测试结果

wp rocket优化后网站测试结果

效果很不错,下面正式介绍wp rocket设置的方法

1. WP rocket插件的购买与安装

wp rocket是一款需要购买才能使用的wp插件,它无法在wp后台的插件库里面搜索到。直接进入wp rocket官网购买即可。

安装的方法也很简单,下载插件安装包,直接在wp后台的plugins -add new – upload里面上传,并激活即可。

如果不会操作可以参考我录的wordpress插件使用视频教程

2. WP rocket 的Dashboard菜单的设置

安装并激活wp rocket之后,进入插件列表,点击wp rocket插件那里的settings,就直接进入设置页面的Dashboard菜单

wp rocket插件设置教程 1

这里面有几个菜单

My account

这里是查看你的账号及过期日期

My status

这里有两个参与wp rocket插件的测试的菜单,一般不用开启

Quick actions 有三个子菜单

Remove all cached files

清除所有的缓存文件,需要的时候点击

Start cache preloading

开始预加载缓存,需要的时候点击

Purge OPCache content

清除opcache内容,长时间使用wp rocket插件后点击

wp rocket插件设置教程 2

Frequently Asked Questions 这里是常见问题的答案,如果没有你想要的solution,可以点击ask for support来提交你的问题。

wp rocket插件设置教程 2-1

3. WP rocket的Cache菜单设置

Mobile cache 设置移动端的缓存,这下面有两个子菜单,建议都打勾

User cache 这里设置是否给网站后台用户加缓存,建议不打勾,这样你才能看到最新的网站内容

Ssl cache 如果是你的网站是ssl加密链接,那就打勾,否则不打勾

Cache lifespan 设置缓存的有效期,如果网站每天更新多次,那就把时间设置短一点,否则就保留默认

最后点击保存

wp rocket插件设置教程 3

4. WP rocket的file optimization菜单设置

这个菜单里面的设置没有绝对的标准答案,设置后需要检查你的网站是否有异常,如果没有异常说明设置没问题,如果有异常,就需要回来进行排查,把导致异常的菜单找出来,取消相关设置

这里面有三个菜单

Basic settings 基本设置里面有三个子菜单

minfiy html 压缩html网页

Combine Google Fonts files 合并google字体文件

Remove query strings from static resources 删除资源的查询字符串

wp rocket插件设置教程 6

CSS files有2个子菜单

Minify CSS files 压缩CSS文件大小

Combine CSS files (Enable Minify CSS files to select) 合并CSS文件,如果你网站使用了SSL加密链接,那么这里不建议打勾

Excluded CSS Files  如果有一些特别的CSS文件不想合并的,可以把链接填到这个框里面

Optimize CSS delivery 优化CSS的加载,下面的框可以留空

wp rocket插件设置教程 7

JavaScript Files菜单有三个

Minify JavaScript files   压缩JS文件

Combine JavaScript files(Enable Minify JavaScript files to select) 合并JS文件,如果网站是SSL加密链接,不建议打勾

Load JavaScript deferred 异步加载JS文件,下面的那个勾也一起打上

最后保存

wp rocket插件设置教程 8

5. WP rocket的media菜单设置

Lazyload 懒加载,就是当你光标定位到哪里,那里才开始加载,可以提高速度

下面有两个选项,可以先打勾,保存修改之后再检查网站,看是否有异常出现

Emoji 是网站的表情包,可以打勾

Embeds 是阻止其他通过嵌入的方式调用你网站的内容,可以打勾

最后保存

wp rocket插件设置教程 9

6. WP rocket的preload菜单设置

有三个菜单

Sitemap preloading 通过你网站的站占地图来预加载

把Activate sitemap-based cache preloading打勾,然后在下面的框里面输入你的xml的sitemap的链接。

如果你用的是yoast seo插件自动生成的sitemap,那么它会侦测到,你只需要打勾就行。

Preload Bot 预装机器人

在automatic这里打勾就行

wp rocket插件设置教程 10

Prefetch DNS Requests 预获取DNS的请求,这个功能可以加快移动端访问的速度

在下面的框中输入你网站中的外部资源的链接,不要http:或https:,只需要在链接前面写上//

wp rocket插件设置教程 11

那要怎么样知道网站中加载了哪些外部资源的域名呢,下面介绍方法

首先用chrome打开你的网站首页,在页面中右键 – 查看,然后在打开的调试窗口中,点击network

wp rocket预获取 1

接着ctrl+f5强制刷新,然后点击domain,就可以把所有的资源的域名列出来了,然后找出全部的外部资源wp rocket预获取 2

可能你没有看到domain这个Item, 没关系,只需要在其他的子菜单上面右键,然后把domain打勾,就可以显示出来了

wp rocket使用教程之显示浏览器network下的domain菜单

复制粘贴到上面的urls to prefetch下面的框里面,再点击下面的save changes即可。

wp rocket预获取 3

7. WP rocket的 advanced rules菜单设置

Never Cache URL(s) 不用缓存的链接设置,如果有的话就填到下面的框里面

Never Cache Cookies 不用缓存的cookies,如果有的话就填到下面的框里面

Never Cache User Agent(s) 不用缓存的用户设置或终端 如果有的话就填到下面的框里面

Always Purge URL(s) 总是及时清除缓存的链接,如果有的话就填到下面的框里面

Cache Query String(s) 缓存查询的字体串,如果有的话就填到下面的框里面

对于企业网站,一般是没有特别需要设置的,所以以上的菜单我都是留空的。

wp rocket插件设置教程 12

wp rocket插件设置教程 13

8. WP rocket的 Database菜单设置

此菜单下的功能与wp optimize插件功能相似,所以建议用wp optimizie来清理即可

Post Cleanup 清理文章内存的版本,草稿和垃圾箱里的文章

Comments Cleanup 清理垃圾评论

Transients Cleanup 清理数据库的内存缓存

Database Cleanup 清理优化网站的数据库

Automatic cleanup 设置自动清理

wp rocket插件设置教程 14

9. WP rocket的 CDN菜单设置

如果你的网站使用了CDN服务,可以设置此菜单,如果没有就不用管

没有使用CDN的朋友,也可以参考我的另一个文章如何用CDN加速你的网站 – Cloudflare免费版详细使用教程

CDN 打开CDN, 并填上你的CDN的CNAME记录

Exclude files from CDN 有不想使用CDN服务的文件,可以把链接填到下面的框里面

最后保存

wp rocket插件设置教程 15

10. WP rocket的 ADD-ONS菜单设置

ADD-ONS是wp rocket的扩展功能

One-click Rocket Add-ons 这里有两个子菜单

Google tracking  google分析代码的浏览器缓存,需要就打开

varnish  是一种服务器上面的缓存软件,很少人用到,不用管

Rocket Add-ons 这个是cloudflare的扩展功能,如果你使用了cloudflare的CDN,可以在这里设置,填上相应的数据值即可。

wp rocket插件设置教程 16

11. WP rocket的 TOOLS菜单设置

Export settings 导出设置数据,当全部设置完成以后可以导出

Import settings 导入设置数据,可以导入其他站点的设置数据,不用一个个的设置

Rollback wp rocket的回滚功能,当前版本如果有问题的时候,可以设置回到上一个版本。

wp rocket插件设置教程 17

12. 使用总结

相对于Hunk用过的其他的缓存插件,像w3 total cache等,wp rocket的设置非常简单,而且效果很好,经过wp rocket优化过速度的网站无论在实际体验上还是测试结果上都有很好的表现。总之,是强烈推荐的一款插件。

当然,WP rocket是完全付费使用的,所以很多追求免费工具和资源的人就跟他无缘了。但是,相对于RMB,时间才是最宝贵的资源,因为时间不可再生。What you think?

扫一扫,分享朋友圈

优秀的网站加速插件 – WP rocket详细设置教程

关注Hunk微信公众号

Hunk,10年进入外贸行业,从事外贸业务,12年转型技术,从事外贸建站营销工作。 如果你准备搭建外贸独立站,本站有很多专业的技术文章供你参考。 Hunk推荐在namesilo上购买域名,在sitegroundcloudways上购买空间,使用Google企业邮箱。 当然,如果你对技术不擅长也没时间研究,可以找Hunk外包建站或付费解决问题

“优秀的网站加速插件 – WP rocket详细设置教程”上的2条回复

你好,wp-rocket中DNS的请求,我照老师说的做,可是我的检查代码当中表哥没有domain,请问还有别的方法获取自己网站外部资源的链接吗?

感谢推荐这款加速软件,正好我可以用到客户的网站上,再配合cloudflare的话,速度应该会飞起来

发表回复

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

-->