专注于外贸建站,分享WordPress教程和Elementor教程

如何使用WP Rocket加速网站

更新日期:2020-11-14
Share on facebook
Share on twitter
Share on linkedin

本文将介绍如何使用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
image 11

媒体

按下图所选进行启用

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测速,配置好预加载字体后,测试得分将有明显的提升。

image 12

高级规则、数据库

这两项保持默认即可。

CDN

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

心跳监测

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

image 13

扩展功能

在下图中,如果网站装的是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 5

Your page rank:

3 回复

  1. 您好! 按照您的教程自建了自己的网站, ASTRA主题有个自带的插件litespeed cache, 请问这个插件有用吗? 还是直接删掉? 另外有免费版给网站加速的插件吗? WP rocket全是付费的。 谢谢!

    1. litespeed不是主题带的,是主机带的。
      litespeed和wp rocket选一个装,当然后者更容易用,前者配置项太多,我没有深究过,我自己用的litespeed主机,我会找主机客服来配置litespeed(前提是主机说明可以提供配置服务的前提下)

评论被关闭。

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Cloudways

速度快、续费不涨价的优质主机
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

Copyright © LOYSEO.COM