在wordpress后台安装好Borlabs Cache插件之后,在左侧菜单栏中可以看到Borlabs Cache有9个子菜单功能,分别是“仪表盘”、“高级设置”、“CDN”、“缓存索引”、“查看缓存”、“优化数据库”、“碎片”、“进出口”等功能,我们逐一的来了解一下。

网站速度优化插件 Borlabs Cache

1. 仪表盘功能

仪表盘功能

首先在“简易设定”中点击启用激活Borlabs缓存,然后将缓存预设级别选择默认,或者选择Borlabs Cache提供的其他缓存级别选项。然后在右边的缓存维护中,第一次先点重启再点刷新。以后如果你需要更新的话只要点刷新就可以了。一般情况下很少用到重启或者清除CSS预存文件。然后点击底部红色的执行缓存维护即可。

2. 高级设置

常规选项的设置

常规选项的设置

首先左侧的单独缓存文件是指当当前主题不支持响应式设计的时候,对手机端和平板端提供对应的缓存文件,但是这些单独生成的缓存文件又会进一步占用主机的缓存资源,所以是不建议开启的。

在登录用户选项中,不建议勾选,因为登录用户一般会涉及到页面和文章编辑,如果勾选了用户登录缓存,那么在编辑完成之后看到的还是未编辑之前的页面结果,而实际上我们需要的是实时的编辑之后页面更新结果。所以这里不用勾选(图上的勾选是系统自带的)。

搜索结果没有什么特别好讲的,勾选并缓存该搜索请求的结果即可。因为搜索的人多说明这个页面或者文章的需求量大,那么缓存之后访客打开的速度会更快一些。

带有查询字符串的页面不建议勾选,本身带有查询字符串的页面就不是很受谷歌搜索引擎喜欢。

提要选项需要被激活(这里说的提要指的就是feed,意为反馈,你可以理解为feedback)。

404页面:个人建议不要去缓存,都已经404了,直接把该页面删除或者重做不就好了,网站有太多404的话谷歌是不喜欢的。

压缩页面:勾选并启用,没说明压缩是指什么。估计指的是CSS和Javascript文件。

与压缩页面对应的是压缩等级,选择中间的均衡吧,如果上面的压缩页面确实如我想的一样指的是CSS和Javascript文件,过度压缩的话可能会存在一定的前端显示问题。

缓存预加载器设置和Cron服务都建议开启,以上所有的相关配置完成之后千万不要忘了点击保存。

HTML的设置

HTML的设置

HTML的注释在前端不会显示用于后台给代码编写人员看这段代码的编写意义,此外HTML中会存在很多毫无意义的空格,所以这两者都可以删除。

图像的优化还是老规矩,选择“Lazy Load”即可。如果需要从延迟加载中排除CSS类,那么在对应的输入框中输入css类内容即可。

其余设置选项

“Merge”指的是javascript文件合并,点击激活即可。

“Smart bundies BETA”指的是智能的文件嵌套,它会把本地JavaScript文件合并到智能包中。增加了JavaScript文件的数量,但提高了可缓存性,不是很建议开启。

“Minify”指的是压缩Javascript文件,点击激活即可。注意:这里的minify和上面的merge是有一定差别的。

“Defer”:延迟,建议勾选,勾选之后javascript就会在页面解析完成之后才开始工作。

“Perload Tag”:预加载标签。在< head >中添加< link rel =“ preload” … >标签之后,这一部分添加标签的内容将会加快加载速度。

“Fix Javascript”:完善javascript文件,因为前面我们已经有激活了压缩javascript文件,在压缩过程中难免会有一些小细节会缺失,比方说英文分号,这个Fix javascript功能开启之后,会补全这些缺失,使得原来的JS功能能够正常使用。

“Compress”也是压缩的意思,但是和前面的压缩有不同,而且也不建议开启。而是建议在浏览器(不是我们用的浏览器而是这个插件中的浏览器选项,后面会说到)中激活选项Modify .htacces文件。

上图右边是javascript的压缩和存放位置,一般建议放在页脚的< /body >之前就可以了。如果是CSS一般是建议放在页头部分的< head >中。“External Script Position”指的是外部脚本的存放位置,一般选择外部JavaScript放在本地JavaScript之前。所以此处选择“之前”选项即可。

CSS设置

CSS和之前的Javascript的操作差不多,所以这里我就不再赘述了,就讲一下各选项的设置。前面四个“Merge”、“Excule < style >-Tags”、“Minify”、“Preload Tag”全部勾选,“Compress”不要勾选,”optimize google fonts”不要勾选,谷歌字体会托慢加载速度。然后“Style Position”选择放在< head >标签之后。

缓存时间

这个版块也是比较简单的,按照上面的设置就可以了,右边是缓存时间,单位是秒,所以一个小时就是3600秒,按此比例进行计算即可。但是在实际建站过程中,有些页面或者内容我们并不想对其进行缓存而是需要时刻保持在最新的状态上,那么我们可以在“缓存异常”页面进行设置。如下图所示:

无需缓存的内容

左边是设置无需缓存的内容,右边是设置缓存不作用的对象,如果需要对某些特定用户不开启缓存功能,那么你需要将用户或者他浏览器上的cookie进行添加。

接下来的设置是浏览器的缓存过期头和其他的功能缓存设置,包括wordpress和第三方插件。

上述的所有选项都设置完成之后,我们就需要进行调试了,具体方法是将下面的两段代码放到wp-config.php文件中,以在Borlabs Cache合并JavaScript和CSS时进行记录。

define(‘BORLABS_CACHE_DEBUG’, true);
define(‘BORLABS_CACHE_DEBUG_WRITE_TO_FILE’, dirname(__FILE__) . ‘/borlabs-cache.log’);

3. CDN设置

这部分的设置相对简单一些,如下图所示:

CDN设置

Borlabs cache默认的CDN提供商是StrckPath。(这是一家美国的CDN服务提供商,还算不错,我没用过,但名声还算可以,在CDN网址那里输入对应的URL即可)。

4. cache indexing设置

缓存索引使您可以通过读取XML Sitemap中的URL轻松地将所有页面添加到Borlabs缓存索引中,这个前提是你已经有sitemap.xml文件了。然后将该文件的地址添加到这里就可以,一般情况下url都是 https://www.example.com/sitemap.xml

5. 缓存检查

缓存检查

在右上角的输入框中输入需要检查的页面url,然后点击“Search page”按钮,那么缓存结果就会在下面进行显示。

6. 数据库优化

这个不需要额外进行设置,当你开启数据库优化的时候,Borlabs Cache工具会自动对数据库里面的内容进行优化。

7. 导入导出功能

如果你在其他网站上也安装了这个插件,而且两个网站内容差距不大的情况下,可以直接将已经部署好的网站中的Borlabs Cache插件设定通过缓存设置代码的方式直接移植,省事省心。

有什么想说的?欢迎评论留言

0 回复

发表评论

Want to join the discussion?
Feel free to contribute!

发表评论

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