专注于WordPress、Elementor、外贸建站教程与服务
大家好呀~本站正在筹备公益的B2B外贸建站实操直播,感兴趣的同学可以戳右上角微信加我报名(注明来意),直播时间视报名情况待定~

如何使用WP Rocket加速网站

更新日期:2020-10-11

本文将介绍如何使用wp rocket加速网站,在开篇,我将直接介绍优化后的数据比较,这也是我为什么选择使用wp rocket的原因。如需WP Rocket安装包,点击此处。

缓存插件优化网站的测速数据对比

我对本站的B2B模板站https://b2bdemo.loyseo.com/展开了缓存插件的优化测试:

  • 测试工具:https://gtmetrix.com/
  • 测试位置:香港(网站服务器在siteground新加坡服务器)
  • 测试次数:3次;
  • 网站条件:已经做了图片优化,禁用了谷歌字体,安装了GA,未开启cloudflare CDN

测试结果如下:点击表格中的链接可以看到每次的测试报告

使用的缓存插件PageSpeed ScoreYSlow ScoreFully Loaded TimeTotal Page SizeRequests
未使用缓存插件C/73%B/84%2.4s/2.7s/3.1s1.58M74
SG optimizerA/94%A/92%2.3s/2.6s/3.0s1.01M18
wp rocketA/96%A/94%1.3s/1.4s/2.5s1.02M18
b2b模板站最初是studyingseo.com,现已更换域名到b2bdemo.loyseo.com

结论是WP rocket明显胜出了Siteground开发的sg optimizer。

此外,我曾经在比较缓存插件时,试过了W3 Total Cache、WP Fastest Cache、WP Super Cache等多款插件,这些插件都有免费版,但都没有纯付费的WP rocket的操作简单、学习成本低,并且有些插件的设置甚至会破坏站点,于是最后买了付费的wp rocket,一用之下确实很棒。

wprocket购买记录
我之前的wp rocket购买记录,现在已过期,但依旧可以使用(2020.10 现在又购入了)

从安全角度而言,保持插件更新是必要的,只有按年续费才能保持更新,若不更新的话,可能无法修复一些漏洞,不更新插件也依旧能用,这方面需自己权衡,譬如站点收入较多,能够覆盖这方面成本的时候,就可以买付费,最低价格是49美元 单站点/年,点此前往查看更多wp rocket价格套餐

接下来,我们讲解wp rocket如何使用及配置,这些配置正运用于上文所述的测试站点中。

设置 WP Rocket

安装并启用wp rocket,启用后wp rocket就开始按照默认设置发挥作用

我们需要对它进一步设置,点击wordpress后台顶部的wp rocket》设置,即可进入设置页面

wprocket设置教程

接下来按照下列组图框选的选项进行配置,此外:wp rocket插件自带中文,只要你把后台的用户语言设置为中文即可。

仪表盘

如果用的是破解版插件,在仪表盘或者插件的提示中,都不要参与或启用测试与分析.

wprocket设置教程-7

缓存

按下图所选进行启用

wprocket设置教程-1

文件优化

在文件优化这一页,将所有选项都选中,然后要在新浏览器测试一下页面有无异常,若是有,则针对每一个优化项目,从下往上注意关闭进行测试。

wprocket设置教程-2

媒体

按下图所选进行启用

wprocket设置教程-4

预缓存

在下图中,显示的sitemap源自本站推荐用的免费插件rank math seo,如果你用的yoast seo等其他seo插件,此处也会对应显示出网站地图供你直接勾选。

wprocket设置教程-5

在上图末尾处,有一栏DNS预读取功能,它是针对外部文件的优化,譬如谷歌字体、主题字体,能够优化移动端速度,而在本建站教程中,已经将谷歌字体禁用,主题采用的系统默认字体,所以此处留空未设置。

你可以通过https://gtmetrix.com/的检测结果查看你的网站是否有第三方资源,如下图所示,在waterfall中查看domain列,如有非本站域名内容,则为第三方资源

gtmetrix检测网站第三方文件
gtmetrix检测网站第三方文件-2

将第三方域名复制后,在DNS与读取中中填入://第三方域名,譬如://fonts.googleapis.com

wprocket设置教程-8

接下来是预加载字体功能,此处用于填入网站本地的字体(而非谷歌等第三方字体),如果用Google pagespeed insight测速,配置好预加载字体后,测试得分将有明显的提升。

高级规则、数据库

这两项保持默认即可。

CDN

若按本站建站教程使用的cloudflare cdn,则此处不用设置。

心跳监测

降低心跳监测频率可节省部分服务器资源,一般都选中。

扩展功能

在下图中,如果网站装的是GA代码而不是GTM代码,那么启用google跟踪的选项,能够将谷歌跟踪代码本地化,该供你不能将GTM本地化;如果你还在facebook投放广告且在网站安装了Facebook pixel,那么你可以启用第二个选项。

wprocket设置教程-6

接下来的图片优化功能也是安装一个插件IMAGIFY来实现,我一般不用这个插件,具体请查看这篇图片优化教程

以上设置完毕后,我们可以先用新浏览器或无痕浏览器查看网站是否有异常需要改正,若政策,则使用工具https://gtmetrix.com/进行测试查看成果。

以后若修改内容不能生效时,记得在顶部wp rocket菜单下,依次从上到下点击的下图中的5个功能,必要时也可以禁用wp rocket排查问题。

wp-rocket功能-2

好了,本篇wp rocket网站速度优化教程到此结束。

评价
0 / 5 0
分享知识是一种美德,当我们每一个人都在不断的分享知识给这个社会的时候,我们这个社会将会变得越来越好,所以如果您喜欢这篇文章的内容,希望您可以把它分享到您的朋友圈当中,或者给到您指定的某一个人,您关心谁,就把知识分享给他,谢谢。

发表评论

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

Copyright © LOYSEO.COM
Do NOT follow this link or you will be banned from the site!
扫码加我微信吧 ~

在朋友圈无分组分享本站首页,或点赞知乎专栏置顶文章,联系我可获得以下任一正版主题或插件~
插件:Elementor Pro、WP Rocket、Essential addons elementor、WPML...
主题:Astra、bridge、avada、manufacturer、Jnews...

外贸网站或同类博客交换友情链接也可以联系我哦~