WP Rocket可以帮助Wordpress网站实现加速优化,并且添加Cloudflare的免费CDN服务。本文介绍如果通过WP Rocket 实现网站加速优化,以提升网站的速度以及在Gtmatrix和Google PageSpeed Insights评分。
如果你时间精力有限,可以联系我帮你做网站加速优化!加速用到的插件你将不需要再付额外的费用!
1、WP Rocket价格
如果你是单个站点购买49刀每年的就可以!
2、安装插件
购买之后下载插件安装包,以上传的方式安装插件,并启用插件。
注意,WP Rocket的缓存功能会影响你修改的预览,如果你的网站还在建设当中,请先不要启用插件。
3、WP Rocket 网站加速优化设置
3.1 缓存设置
启用移动端缓存设置,其他默认,保存设置。
3.2 文件压缩
CSS文件压缩,勾选所有选项,优化交付采用异步加载CSS文件的方式。
如果保存之后,发现网站加载有问题,请找到加载不到文件,并将文件添加刀排除CSS文件的框中。
注意尽量不要使用Beta功能,因为测试功能有可能导致错误,如果启用了关闭即可。
Js文件压缩,勾选所有的选项,和CSS文件压缩一样,如果出现加载问题,找不到JS文件,请将文件添加到排除列表。
某些带前端效果的插件,很可能会出现不兼容的情况,这时候,你只要取消延迟加载和延迟执行(也就是下面两个)勾选即可。
3.3 图片懒加载和尺寸
通常全部勾选,但如果影响了你的展示效果,需要勾选。
【Replace Youtube Iframe with Preciew image】你可以再制作页面的时候就设置好一个视频封面,然后可以不勾选这个选项。
Image Dimensions是为没有固定尺寸的图片添加一个尺寸。
3.4 预加载
Preload Cache预加载缓存,当启用预加载时,WP Rocket 将生成从您主页上的链接开始的缓存,然后是您指定的站点地图。
Preload Links预加载连接,链接预加载通过在用户将鼠标悬停在链接上时下载页面来改善感知加载时间
Prefetch DNS Requests 预取DNS请求,当使用到外部文件时,可以使用,将需要预取的URL填写再对应的框内即可。
Preload Fonts预加载字体,找到你本地的字体文件的相对路径,然后添加到对应的框内容,如果需要预加载外部字体,则需要和预取DNS请求一块使用,将外部域名添加到预取DNS请求列表中。
3.5 高级规则
高级规则中主要用来设置一些排除缓存的内容,按照需要进行设置,一般很少用到。
3.6 数据库清理
在做数据库清理之前请先去主机做好网站备份,然后勾选你需要清理的内容,点击【SAVE CHIANGES AND OPTIMIZE 】按钮。
3.7 CDN
如果你使用的Cloudflare的CDN,在Cloudflare面板配置之后直接在这里勾选【Enable Content Delivery Network】即可。无需其他操作。
《如何为WordPress网站添加Cloudflare的CDN服务》
以上做完基本就完成配置优化。
4、日常管理
启用并配置了WP Rocket之后,我们如果对网站做了修改,发布之后发现不生效,就清一下WP Rocket缓存,再刷新页面查看结果。
5.常用的网站测速工具
你可以对比网站开启WP Rocket和不开启WP Rocket前后的工具跑分。
测速工具会给我们一些网站优化的建议,但是每个测速工具的评估方法不一样,我们使用这些工具的目的不是为了提升分数,最终的目的是网站打开的实际感受。
所以即使在工具测评分数达到了比较好的情况下,也应该模仿实际的用户去访问页面,感受页面打开的时间,是否达到了预期。
常用的跑分工具: