「WordPress 速度优化 」是许多人重视的环节,因为更快的网站速度,代表更好的用户体验、更高的网站转单率、更好的 SEO 排名。
不论你使用的 WordPress 虚拟主机 是哪一家,只要不是免费主机(因为速度爆炸慢,而且有资安危险),使用本文推荐的快取插件,应该能有效提升你的网站速度。
因为文章推荐的插件,都是挑选下载次数高且评价优良的 WordPress 快取插件。
但还是需提醒,如果插件内有任何动到数据库的操作,保险起见可先进行网站备份再操作,自己也会比较安心一点。
前提说完了,我们来看一下本文章节吧:
- 什么是缓存(缓存)?
- 1. WP Rocket
- 2. WP Fastest Cache
- 3. W3 Total Cache
- 4. WP Super Cache
- 5. WP Optimize
- 6. Breeze
- 7. LiteSpeed
- 综合比较&最后的选择?
- 常见问题
- WordPress 学习资源
什么是缓存(缓存)?
快存(cache)是一个「优化网站速度」的计算机内存技术,透过「 暂存器缓存 」用户最近使用的数据,下次浏览相同的页面时,就能更快速的访问同一个网站!
因此,快取技术 只能优化「重复访问」的加载速度,第一次访问都会比较慢,属于长期经营网站的优化技术,让忠实访客享有更快速的浏览体验。
缓存的运作原理
首先,我们需了解每一个访客浏览网站时,在没使用快取的情况下,都会发出数个请求访问给主机拿资料。
如果一个人做这样的事情,主机当然都负荷的了,但如果今天是1000个人同时访问网站,等于是瞬间有1000个访问量!
除非你的主机够好,不然通常网站都会 Loading 一些时间(或是直接挂掉)。 而为了能降低伤害,后来网页技术于是进化有「 网页快取机制 」。
网页缓存机制(cache)核心目的: 有效降低访问主机的频率,并提升网站速度! |
简单来说,就是你曾经看过的页面,快取机制先帮你保存起来了。 下一次又浏览同样页面时,缓存机制就会直接把这页面拿给你看,减少向主机请求资料的次数。 只要消耗主机资源的访问量一减少,主机速度就会运作的更顺,自然不会有卡顿问题。
![cache-flow2-1024x520-7 网页缓存 Cache 流程示意图](https://img.itaoda.cn/wp-content/uploads/2023/05/cache-flow2-1024x520-7.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
上图流程说明
- 首次访问页面流程:访客第一次访问 → 跟主机要网页资料 → 回传至 WordPress 网站 → 访客浏览到页面(此类型的加载速度较慢)。
- 再次访问页面流程:访客再次访问同一页面 → 系统判断是否有缓存纪录 → 读取原来的快取页面 → 访客浏览到页面(此类型的加载速度较快)。
1. WP Rocket
![wpl-wprocket-block-8 wordpress插件推荐 :WPRocket 网页缓存插件](https://img.itaoda.cn/wp-content/uploads/2023/05/wpl-wprocket-block-8.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WP Rocket 是市场上最棒的 WordPress 快取插件之一,你不需会任何程序技术,就能用多种方式加快网页速度。 完整教程参考 WP Rocket 教程。
它的操作界面简单非常容易上手,基本上都是点个按钮开启或关闭就好了,就算没有任何的 WordPress 快取的使用经验,也完全没关系。
![wp-rocket-panel-6 WP Rocket 速度优化插件,操作接口](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-rocket-panel-6.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
对比其他 WordPress 快取插件, WP Rocket 有它的独特专业性,这只是部分的比较图(因为还有很多 .. )。
![wpl-wprocket-block2-6 WpRocket 和其他快取插件,功能比较](https://img.itaoda.cn/wp-content/uploads/2023/05/wpl-wprocket-block2-6.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WP Rocket 与绝大多数的主机、主题主题、网站插件,都保持完美的兼容性,简单来说你可以放心的使用它。
很多人尝试安装不同的网站插件,就是想提升网页速度,但通常只需一个 WP Rocket 就能搞定一切,而不用安装一堆有的没的。
- 预先加载链接内容:鼠标放在链接上,就能自动先读取链接的内容(这个功能超酷)。
- 延迟加载图片 / 视频:加快页面读取速度。
- 影片预缩图:通常网站嵌入 Youtube 视频,是需发送程序到远程要资料的,这流程其实很费时,WP Rocket 会提供预缩图让访客看,等他们真的要看视频点击按钮,才会发送请求抓取视频资料。
- 延迟加载 JavaScript: PSI 评分的项目之一,延迟加载 JS 有助于提升速度。
- 数据库优化清理:清除多余的过期数据。
- 预先抓取 / 预先连线:把全站会使用到的资源,预先抓取和连线保留,就不用每浏览一页都还要重新抓一次。
- 本地托管 Google Analytics(GA 分析):把 GA 执行脚本预先加载到本地,就不用跑到远程拿资料。
- 心跳连线频率控制:节省后台 AJAX 发送频率,提升站点速度。
- CDN 功能整合:有自家付费的 RocketCDN,你可以用免费的 Cloudflare 替代,效果同样非常好。
以上是简单列出几个 WP Rocket 的快取功能,WP Rocket 就是专注的在帮你提升网站速度!
![wp-fastest-cache-banner-2 WordPress速度优化 :WP Fastest Cache](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-fastest-cache-banner-2.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WP Fastest Cache 同样是评价很好的一款「 WordPress速度优化 」插件,它提供基本的缓存功能,像是全站页面缓存、HTML / CSS 文档压缩、Gzip 压缩、浏览器快取等 .. 。
以免费版的角度来说,安装完成后对多 WordPress 站长来说,应该是满够用了。
但如果想追求更快一点的速度,因为免费版缺少许多功能(需升级为进阶版),这种情况下通常WP Rocket会是更好的选择。
![wp-fastest-cache2-2 WP Fastest Cache 配置设定参考](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-fastest-cache2-2.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WP Fastest Cache 接口容易上手也是优点,基本上就是把想启用的功能打开就好。
如果站长有做页面更新,WP Fastest Cache 也能自动帮你清除旧快取(需开启相关功能)。
以上就是 WP Fastest Cache 的简单介绍:)
3. W3 Total Cache
![w3-total-cache-banner-1 WordPress速度优化 :W3 Total Cache 插件](https://img.itaoda.cn/wp-content/uploads/2023/05/w3-total-cache-banner-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
W3 Total Cache 是一个专门针对 Web 速度优化,而且与虚拟主机无关的一款快取插件。
因为有许多的快取插件像是 Breeze、LiteSpeed,通常需要搭配自家的主机,才能展现最好的效果。
我自己也特别安装了 W3 Total Cache 进行测试,有趣的体验是它们一开始就有速度优化前&优化后的对比图,让你知道使用 W3 Total Cache,你会得到什么样的速度提升。
![w3-total-cache-block1-1 WordPress 速度优化 :W3 Total Cache 快取插件,速度优化前后对比](https://img.itaoda.cn/wp-content/uploads/2023/05/w3-total-cache-block1-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
比较不亲切的地方是, W3 Total Cache 对于第一次使用或是快取概念不完整的人,看到这么多设定可能会不知所措,但对于有一定基础的站长来说,这可能会是个优势。
![w3-total-cache-block2-1 W3 Total Cache 快取插件:WordPress 功能介绍](https://img.itaoda.cn/wp-content/uploads/2023/05/w3-total-cache-block2-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
W3 Total Cache 算是多个 WordPress 免费版快取插件中,功能非常完整的一款,但就是有许多设定项可能须搞懂是在做什么的。
如果能厘清且掌握,在不花钱的前提下 W3 Total Cache 这款速度插件,应该会帮助网站提升不少的速度!
4. WP Super Cache
![wp-super-cache-banner-1 WordPress 速度优化 :WP Super Cache 快取插件](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-super-cache-banner-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WP Super Cache 是个从服务器着手的 WordPress 快取插件,这应该是它的优势之一。
在它的插件介绍字段里,特别指出了可以从主机端为访客提供静态页面(也就是快取),而不完全是用 WordPress PHP 脚本的方式处理,这会有效的减少资源消耗。
![wp-super-cache-block-1 WP Super Cache 插件介绍](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-super-cache-block-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WP Super Cache 同样提供多种快取方法,像是简单页面缓存、预先加载、定时清理缓存、CDN 功能整合、更多细节功能等 .. 。
免费版的功能也满多的,跟 W3 Total Cache 有点像,有关设定部分对于新手来说,可能需要花些时间吸收。
但如果真的不知道怎么设定,记得把重点的缓存功能开启即可:)
![wp-super-cache-block2-1 WP Super Cache 缓存功能开启](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-super-cache-block2-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
进阶快取功能,也给他开启就对了。
有关于 Cache Delivery Method 部分,建议先选择 Simple(简单),如果看得懂 Expert(专家)相关设定,再用会比较好。
![wp-super-cache-block3-1 WP Super Cache 缓存功能开启](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-super-cache-block3-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
以上就是 WP Super Cache 简单的功能分享,能掌握起来也是款很棒的 WordPress 速度优化 」插件。
5. WP Optimize
![wp-super-cache-block4-1 WP Optimize:速度优化插件](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-super-cache-block4-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
![wp-super-cache-block4-1 WP Optimize:速度优化插件](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-super-cache-block4-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WP Optimize 是一款 WordPress 多合一的性能优化插件,主要涵盖范围是缓取网站、数据库清理、压缩图片。
我觉得不错的地方是,他的分页大纲就简单帮你分清楚了,实际要操作也是点选按钮就好,对于新手来说算是很好理解。
![wp-optimize-block-1 WP Optimized 网站优化插件(数据库清理页面)](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-optimize-block-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
如果想切换为不同的优化功能,参考上图点击到其他分页就可以了。
至于 WP Optimize 缓存功能,就点击 Cache 的图标,然后把页面缓取按钮打开就OK啰!
![wp-optimize-block2-1 WordPress 速度优化 :WP Optimized 缓存功能开启](https://img.itaoda.cn/wp-content/uploads/2023/05/wp-optimize-block2-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
我对 WP Optimize 的定义,比较偏向于多功能的「 网站优化 」软件,如果你觉得一次要安装页面缓存、图片优化、数据库清理等 .. 太麻烦,就可以用这款一次处理好。
但如果要在专一领域上比较,举例如速度方面的完整性,可能就不会像 W3 Total Cache、WP Super Cache 这样强大且完整(都用免费版来比较)。
以上就是 WP Optimize 优化插件介绍:)
6. Breeze
![breeze-banner-1 Breeze 速度优化插件](https://img.itaoda.cn/wp-content/uploads/2023/05/breeze-banner-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
![breeze-banner-1 Breeze 速度优化插件](https://img.itaoda.cn/wp-content/uploads/2023/05/breeze-banner-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Breeze 是由Cloudways所开发的,是个轻量软件且和Cloudways集成度极高的插件,如果你正在使用Cloudways主机,那这是非常好的选择。
而Cloudways主机是我归类的 WordPress 最佳虚拟主机之一,适合承受比较高流量的网站,使用起来的体验很好。
备注:任一个主机都能用 Breeze,而非只有 Cloudways。
Cloudways 主机的任一方案配有 Varnish 这款高效型的服务器缓存级别的功能,这跟 Web 应用程序端级别的快取机制不一样,我附上一张图方便大家理解。
![varnish-flowchart-page-1 Varnish 缓存机制(详细文章可参考)](https://img.itaoda.cn/wp-content/uploads/2023/05/varnish-flowchart-page-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
简单来说,就是 Varnish 帮你把来自服务器端的网页资料,先储存起来了,这跟客户端(浏览器)没有关系,因为在这级别以上早就帮你储存好了。
所以能有效的降低访问服务器的频率,进而的提高站点速度。 有关于Cloudways主机如何申请,可参考Cloudways教程。
为什么会提到这个呢? 因为 Breeze 和 Varnish 有良好的整合,一个处理浏览器端的快取,另一个处理服务器端的快取。
所以才会建议如果使用Cloudways的话,想用免费版的 WordPress 快取插件,可以参考 Breeze。
![breeze-block-1 Breeze 速度插件的缓存页面](https://img.itaoda.cn/wp-content/uploads/2023/05/breeze-block-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
最后如果有考虑使用付费版的 WordPress 快取插件,Cloudways+WP Rocket 的组合整体功能性&速度效果,会优于使用 Breeze(毕竟 WP Rocket 是一款付费插件)。
这就看每个人的需求啦~这里只是把热门&有用的搭配跟大家分享。
7. LiteSpeed
![litespeed-banner-1 LiteSpeed 网页快取插件](https://img.itaoda.cn/wp-content/uploads/2023/05/litespeed-banner-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
![litespeed-banner-1 LiteSpeed 网页快取插件](https://img.itaoda.cn/wp-content/uploads/2023/05/litespeed-banner-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
LiteSpeed 插件,是需要配合他们自家的服务器(LiteSpeed Web Server),才能有效的激活它的所有能力,不然就只能使用一般的基本快取功能。
如果要用这款插件,会建议使用它们家的服务器,不然换别款 WordPress 快取插件使用,不论是功能性&效果,通常都会来的更好。
LiteSpeed 有提供多种速度优化方法,像是对象缓存、图像优化、最小化 CSS / JS / HTML,数据库清理等 .. 。
![litespeed-block-1 WordPress 速度优化 :LiteSpeed 缓存的配置界面](https://img.itaoda.cn/wp-content/uploads/2023/05/litespeed-block-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
上图是 LiteSpeed 的操作界面,但因为我没有使用它们家的虚拟主机,所以会特别提示建议使用,才能启用所有缓存能力。
如果你是用他们家的主机,搭配这款 LiteSpeed 插件,应该会是最优质的选择。
综合比较&最后的选择?
以上这些 WordPress 快取插件,都是从评价好且知名的多种速度优化插件中,所挑选出来的。
不管你是用哪个,应该对你的 WordPress 速度优化多少会有帮助。
但还是需要做个整理,这样大家比较知道如何选择,我们分别来讨论免费 /付费的快取插件。
免费缓取插件讨论
WP Fastest Cache 接口简单易懂,很适合第一次使用的新手。
W3 Total Cache & WP Super Cache,这两款的速度优化功能满多的,但对于新手来说可能要花些时间搞懂是在干嘛的。
可是如果你是有些经验的 WordPress 快取用户,这两款的免费版运用起来,效果其实就很强大。
WP Optimize 是综合型的速度优化插件,它的范围涵盖网页快取、数据库清理、图片优化,这 3 大类型。
所以如果你觉得要分别对不同功能类型,安装不同的插件很麻烦,就可以用这一款一次搞定,但相对的它对任一类型的功能,都没有专门处理的来的专精。
付费缓存插件讨论
有关于付费插件最推荐 WP Rocket,因为使用界面真的很容易上手,而且安装后基本就是按钮开一开,网页分数就得到有效的提升(我是用 Page Speed Insights 测量)。
或许上面提到的其他插件,付费升级后也很好用,但这是我个人使用的体验,WP Rocket 用起来的效果真的很棒,而且功能非常很齐全!
如果打算付费体验更好的 WordPress 速度插件,可考虑使用 WP Rocket。
或是你有更好的选择,也欢迎在下面跟我分享,我很热于尝试新的东西:)
以上就是帮大家做的简单整理,这只是我的使用经验,一切还是依照你的需求为主。
常见问题
网页缓存(缓存)是什么?
简单来说,就是你曾经看过的页面,快取机制先帮你保存起来了。
下一次当你又回到这个页面时,缓存机制会直接把这页面拿给你看,就能加快网页速度。
最推荐的 WordPress 免费缓取插件是哪一个?
这会依照你的使用类型,而有不同的推荐方案。
如果你是第一次使用的,会推荐 WP Fastest Cache。 有需经验的,可以玩玩看 WP Super Cache 或 W3 Total Cache。
最推荐的 WordPress 付费快取插件是哪一个?
关于付费插件最推荐 WP Rocket,因为使用界面很容易上手,安装后基本就是按钮开一开,网页分数就得到有效的提升(实际的体验)。
犬哥网站目前用的是哪一款 WordPress 快取插件?
我是用 WP Rocket,当初也不是说做了很多研究才决定用这款,只是单纯看到网络上很多人在推荐,就购买使用了。
一个网站可以装几个 WordPress 快取插件?
会建议同类型的装一个就好,因为装多其实不会有互补效果,反而同类型的插件还有可能会彼此冲突。
有其他让 WordPress 网站加载速度更快的方法吗?
使用快取插件外,也可以缩减网站文档体积,来达到减轻网站重量的目标。
像是压缩图片,就是一个非常好的方法,可配合 图片优化流程 压缩图片,或是安装 自动压缩图片插件,大幅提升网站速度。
因为图片通常比 HTML、JavaScript 或是 CSS 等 .. 文档还大。 根据 HTTP Archive 研究,图片平均占网页文档总重量的 21%。
所以减轻图片体积,也可有效降低网站载入压力,大幅提升网站速度唷!
原文链接:https://www.itaoda.cn/blog/11004.html,转载请注明出处。
评论0