如果你的网站速度太慢的话会影响 SEO 表现和用户体验,会导致更多的流量跳出从而带来损失。这个教程老张将会给你介绍一个可以立竿见影的优化插件,来让你的 WordPress 网站秒开。
WordPress 网站速度和什么有关?
WordPress 是比较吃主机性能的,也是比较考验优化的,但是如果一个好的主机+争取的优化你的网站速度也会很快。
- 服务器硬件,WordPress 对服务器的 CPU 单核性能要求比较高,并不是说你的 CPU 核多就好,一般来说 CPU 的 GeekBench6 评分达到 1500 左右最佳,越高越好。
- 网络,服务器带宽不建议低于 20兆,20兆 的带宽是 2.5M/s,加入你的首页是 2.5M 那就是 1 秒下载完,如果是 5 秒打开原则,可满足 5 人同时打开你的页面。访问量越大,对带宽的要求越高,服务器的带宽话越高越好。
- 页面结构,页面上不要用尺寸太大的照片、不要用太多特效、网站上尽可能少的用插件。
- CDN,如果你的网站是图片站、视频站、下载站等比较耗网络带宽,那么最好是把静态资源缓存到 CDN。
- 静态缓存,WP 默认是动态页面,每次访问都需要 PHP 来执行,转成静态页面可以不必每次都让 PHP 动态生成。
以上就是大多数 WordPress 网站速度慢的原因。
如果你对主机性能不满意,不妨看看老张同款的主机:
如果你的主机本身性能没问题,解决起来也很简单,接下来介绍一个优化插件。
WP优化插件
LSCache 插件
LSCache 是一个免费的WordPress性能优化插件,由 LiteSpeed Tech 开发, 使用条件是你的主机必须是使用 LiteSpeed Web Server 的,老张推荐的 Hosting.com 是基于 LiteSpeed Web Server 的所以可以正常使用。
如果你的主机不是 Hosting.com 你要确认一下基于 LiteSpeed Web Server 然后再安装 LSCache。以下是插件的详细功能:
常规功能
- 免费QUIC.cloud CDN缓存
- 对象缓存(Memcached / LSMCD / Redis)支持+
- 图片优化(无损/无损)
- 最小化CSS、JS和HTML
- 最小化内联 & 外部 CSS/JS
- 结合 CSS/JS
- 自动生成关键CSS
- 懒加载图像/框架
- 响应式图像占位符
- 支持多个 CDN+
- 异步负载 CS
- 推迟/延缓 JS 加载
- 浏览器缓存支持+
- 数据库清理和优化
- 优化 PageSpeed 分数(包括 Core Web Vitals
- OPcode缓存支持+
- 针对 CSS/JS 的 HTTP/2 推送(在支持该功能的网络服务器上)
- DNS 预读取
- Cloudflare API
- 单站点和多站点支持
- 导入/导出设定
- 界面美观、易于理解
- AVIF/WebP image format support
- 心跳控制
+此服务不是由LSCache插件提供的,也不保证由您的服务提供商安装。但是,如果您的站点正在使用该插件,则该插件与该服务兼容。
LiteSpeed 独家功能
- 自动清除页面缓存来极大的改善站点性能
- 基于特定的事件自动清除相关页面
- 登录用户的私有缓存
- WordPress REST API 呼叫的缓存
- 桌面和手机彼此独立的缓存
- 为指定 URL 制定清除计划的功能
- WooCommerce和bbPress支持
- WordPress CLI命令
- 便于集成缓存的 API 系统
- 按 URI、类别、标签、Cookie、用户代理从缓存中排除
- 智能预读取爬虫,支持搜索引擎优化站点地图
- 用于缓存的多个爬虫各不相同
- HTTP/2支持
- 支持HTTP/3 和 QUIC
- ESI(边缘包括)支持*
- 小工具和简码作为 ESI 块*(需要 WP 5.8 以上版本的经典小工具插件)
安装 LSCache
在WP后台-插件-添加插件页面搜索并安装并激活LiteSpeed Cache 插件

配置插件
激活云服务
激活云服务器后可以获取免费的图片优化(转webp)、页面优化额度、CDN 带宽等
在 LiteSpeed Cache – 仪表盘 页面点击 Enable QUIC.cloud services 按钮来创建一个

注册一个账户


暂时不要开始 CDN,点击 Finish Setup 按钮来返回 WordPress 后台

应用预设
LiteSpeed Cache 插件的优化项目很多,如果错误的设置可能会导致页面出问题,不过插件内置了预设设置,我们直接应用即可。
在 LiteSpeed Cache – 预设 页面点击 高级预设 下的应用预设按钮

现在我们的网站速度就会有比较明显的提升了(非登录状态下)
自定义设置
接下来我们再配置一些自定义的设置,以获得更好的性能
清除规则
在 Litespeed Cache – 缓存规则 – 清除规则 页面开启 升级时清除全部(插件、主题或WordPress内核更新时,缓存将自动清除缓存)

即时点击
鼠标放在链接上时就开始预加载页面
在 Litespeed Cache – 缓存规则 – 清除规则页面开始 即时点击

延迟加载图片
延迟加载页面上的图片是当用户下拉页面到该图片时才加载,可以显著减少首次加载,减少等待时间。
在 Litespeed Cache – 页面优化 – 多媒体设定 – 开启 延迟加载图片、响应式占位符和 LQIP
开启后记得保存

缓存清除
有时候我们修改页面内容或者做了某些配置,发现页面内容没变,这时就需要手动清理缓存
在 WP后台 顶部的 LiteSpeed Cache 图标,下拉框内点击 清除全部 即可删除所有缓存并重新生成

网站测速
优化好之后要如何检查你的网站速度呢?
有很多免费的测速工具可以用,例如 https://gtmetrix.com/

可以看到我们刚优化网站速度还是很棒的,GTMetrix 评分 A

总结
LiteSpeed Cache是一个强大的缓存优化插件,比绝大多数付费的插件还要好用,条件是你的主机必须是基于LiteSpeed Web Server 的。
插件里面还有 2 个重要的功能暂时没讲到,是 CDN 和 内存缓存,后续我会持续更新此教程,如果你有任何问题,请在底部评论。