前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress静态缓存三剑客,强力推荐!

WordPress静态缓存三剑客,强力推荐!

作者头像
张戈
发布2018-03-23 17:42:39
1.4K0
发布2018-03-23 17:42:39
举报
文章被收录于专栏:张戈的专栏张戈的专栏

之前一直用的 wp-super-cache,效果确实非常不错!网络不出问题的话,页面基本秒开。可惜,这款插件有时候会缓存我的手机主题,导致在电脑上浏览时,呈现的也是手机样式,有点不爽!本想尝试 JS 来切换主题的,可惜博主太笨,没搞定!只好忍痛割爱,放弃了 wp-super-cache。

最终,在将常见的缓存插件都测试了一遍之后,找到了本文的主角——>静态缓存插件三件套:

Hyper Cache + DB Cache Reloaded Fix+ Autoptimize

经博主测试之后,三款插件同时启用后效果非常不错!而且还兼容手机主题,所来特来写文分享下!


也许,很多高手写缓存插件教程的时候,都不忘说一句:不建议小站使用,说什么流量不济,没必要静态缓存云云!

在这里,博主想大呼一声:没流量怎么了?页面打开速度快个 1 秒 2 秒,自个心里爽不行啊!至少博主将博客静态缓存之后,页面加载速度确实有了很大的提升!所以,喜欢折腾、又不怕出问题的博主,尽管一试!

啰里⑧嗦说了一大堆,现在说下主角:

Ps:基本介绍以及安装教程之类的,前人已有很多经验教程,我就不生搬硬套了,自己找度娘去。

一、Hyper Cache

此插件已是多语言版,简体中文的 WP 安装后,默认开启中文设置界面,所以安装后,根据自己需要去设置就可以了

插件默认只会将缓存页面呈现给匿名访问用户,已登录用户看到的都是动态页面!所以,你只要匿名查看网页源代码,若在底部发现如下类似代码即表示缓存已生效:

<!-- hyper cache: d0671d764a2a543fcf72fa3ea8212f0b 14-05-02 10:56:14 -->

特别说明:博主测试了好几款缓存插件,就这款插件对手机主题的兼容性是最好的,用了几天了,电脑上从来没有出现过手机样式,而且设置也比 W3TC 或 wp-super-cache 简单多了!

二、 DB Cache Reloaded Fix

此插件缓存的原理就是把你要缓存的数据全部以单独的文件形式保存在硬盘,下次接到请求的时候直接从硬盘读取,减少数据库查找数据所要时间与资源。

缓存生效后,你可以在网页源代码中找到如下类似代码:

<!-- Generated in 0.705 seconds. Made 101 queries to database and 95 cached queries. Memory used - 33.6MB --> <!-- Cached by DB Cache Reloaded Fix -->

代码明确说明,总共有 101 次查询,其中 95 次是缓存的结果,所以,只用了 6 次动态查询!效果可想而已!

三、Autoptimize

这款插件是集 HTML 空格压缩、CSS & JS 合并压缩以及 CDN 于一身的优化利器!它可以去掉 HTML 代码中的大部分空格, 起到页面压缩的效果,他会压缩及合并 CSS 和 JS 文件,减少 get 次数以及文件体积,加速页面加载!而且,它还有 CDN 的功能,结合七牛云存储进一步加速你的网站!碉堡了吧!

插件的基本设置界面很简单:

Wordpress静态缓存三剑客,强力推荐!
Wordpress静态缓存三剑客,强力推荐!

初次安装,你可以将 HTML、JS、CSS 优化都勾上,然后去访问看下有没有异常!有些主题在压缩优化后可能会出现异常问题,比如排版错乱,浮动元素失效等等!

全部启用后,如果有异常,你只要回到这个界面,利用排除法,就可以得知哪个优化和你的主题有冲突了,去掉勾选即可!一般 JS 优化或出的问题最多,比如张戈博客,在启用 JS 压缩后,会导致图片暗箱效果失效,所以,我把 JS 优化取消了!

代码压缩后的效果:

Wordpress静态缓存三剑客,强力推荐!
Wordpress静态缓存三剑客,强力推荐!

CSS 或 JS 压缩并 CDN 之后,代码将呈现如下类似路径:

http://marsge.qiniudn.com/wp-content/cache/autoptimize/autoptimize_44cbfbaf2714f0e7407bf6d410fe3a83.css

具体效果,请自测!

其实,这款插件还有高级选项:设置界面上放有个【Show advanced settings】按钮,点击这个按钮后,将出现更多的选项,比如 JS 相关设置:

Wordpress静态缓存三剑客,强力推荐!
Wordpress静态缓存三剑客,强力推荐!

所以,如果发现优化后出现问题,可以打开高级设置,勾选仅在头部查找文件,或将某些已知冲突文件排除出去即可(如图中的 exclude 栏位)。具体做法,张戈在这里就不多说了,自己细细体会。

ps:补充说明,发现此插件只能 CDN 缓存生成的 CSS 和 JS,看来回头再弄个代码实现全局 CDN 吧!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014年05月02日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、Hyper Cache
  • 二、 DB Cache Reloaded Fix
  • 三、Autoptimize
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档