Swift Performance 教程:全面优化提速 WordPress 网站

Swift Performance 教程:全面优化提速 WordPress 网站

Swift Performance 是一款功能强大的 WordPress 性能优化插件,旨在提升网站的加载速度和整体性能。其最新版本更是引入了 AI 概念,不同于内容生成领域的 AI 应用,专门为优化 WordPress 速度而设计。本文将详细介绍 Swift Performance 教程。

Swift Performance 插件简介

Swift Performance 的主要功能如下:

  1. 缓存功能:Swift Performance 提供高级缓存功能,可以显著减少服务器响应时间。包括页面缓存、AJAX 缓存和 REST API 缓存等。
  2. 数据库优化:插件可以清理和优化数据库,移除无用的数据,如修订版、自动草稿、垃圾评论等,从而提高数据库的效率。
  3. 图像优化:自动优化网站的图像大小和格式,支持 WebP 格式,减少图像加载时间。
  4. 代码优化:Swift Performance 能够最小化和合并 HTML、CSS 和 JavaScript 文件,从而减少文件大小和请求数量。
  5. 延迟加载:支持延迟加载图像和 iframe,只在用户滚动到它们时才加载,提高页面初始加载速度。
  6. 资源管理器:插件内置资源管理器,可以让你轻松管理和优化加载的脚本和样式,避免不必要的资源浪费。
  7. CDN 集成:Swift Performance 支持各种 CDN 服务,进一步提升网站的加载速度。
  8. 插件兼容性:它与大多数流行的 WordPress 插件和主题兼容,确保优化过程中不会出现冲突。

实战教程

安装设置

  1. 下载最新 Swift Performance 汉化版安装包
  2. WordPress > 仪表盘 > 插件 > 安装新插件 > 上传插件安装。
  3. 启用插件后,自动进入插件设置向导,如下图:

这个步骤建议先选择自动配置或使用预设,后续再具体做微调。选择自动配置后,插件会进入到检测 WordPress 环境的步骤,这个步骤好评,为用户将潜在问题找出来。

如果全部没问题,直接点下一步即可。

这里的常见问题及解决办法:

API 连接:这里的 API 指的是插件的某些功能接口包括 AI 功能,如果 API 连接失败则代表服务器与插件的 API 服务器连接有问题。

回环地址:在 WordPress环境 中提到的“回环地址”(Loopback Address)概念实际上非特定于WordPress。回环地址主要用于本地网络通信测试,如果检测失败,可以在服务器端为网站域名指定 IP 。以 Linux 系统为例,编辑/etc/hosts文件,底部添加:

# 注意修改域名为实际的站点域名
127.0.0.1 www.yourdomain.cn
::1 www.yourdomain.cn

意思是在本地服务器中,通过 127.0.0.1 这个特殊的本机 IP 访问网站,最常用的回环地址是IPv4中的127.0.0.1和IPv6中的::1

按需优化一些设置

尽管插件的自动设置符合大部分网站的需求,但还是有一定的调整优化空间。进行各选项调整时建议打开高级视图:

脚本(JavaScript)优化设置

Swift Performance 插件默认启用 JavaScript 合并与压缩功能,旨在提升加载效率。然而,这一特性在多数网站主题中可能效用有限,甚至可能导致脚本执行顺序错乱,影响页面功能,实为非必要之选。

尤其当您的网站已开启 HTTP/2 或更先进的 HTTP/3 协议时,单独合并 JS 文件实属冗余。这些协议下的多路复用特性,允许多个请求并发处理,消除单一文件下载阻塞问题,使得小文件并行加载成为提升速度的新常态。

值得注意的是,Swift Performance 的脚本优化机制独具特色。若决定禁用合并功能,常规的延迟加载选项将不再适用。为实现更精细控制,建议在排除规则中添入”wp-“前缀,这将全局豁免JS文件的合并处理,同时,您可进一步指定某些非关键JS文件实施延迟或按需加载策略,以此细化资源管理,确保页面加载既迅速又有序。

注意:这里设置的延迟脚本是将 JavaScript 移动到 HTML 尾部,也就是最后加载,如果设置后在网页前端发现 JS 错误,则要从延迟脚本中去掉引发错误的脚本,通常情况 jquery.min.js 是不能延迟的。

下方还有一个延迟加载脚本的选项,在那设置的匹配脚本则仅在第一次用户交互后加载,通常可设置一些网页中引入的外部 JS 文件,例如:分析统计脚本、广告脚本等。

以 Google 分析为例:https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXX,可以添加字符串:googletagmanager 或 gtag 都可以。

样式(CSS)优化设置

同理,对于启用了 HTTP/2 或 HTTP/3 的站点,不建议合并内联之外的脚本。如果你使用的是一款高质量的、轻量化的主题,如 GeneratePress 、Woodmart 等,通常 CSS 都不用额外优化,因为主题已自带相应的优化功能。

字体优化设置

如果使用了外部字体,如 Google 字体等,插件可以将字体下载保存至本地服务器,加快加载速度。同时也可以更符合部分地区的隐私政策。

媒体优化

建议启用“智能延迟加载”选项,这个功能将除了首屏所需之外的 iframe/图像(包括背景图像)进行延迟加载,提高网页整体性能,特别是对于移动端的体验大幅提升。

另外 Swift Performance 插件提供的图片优化功能也是非常全面的,且支持生成 WebP 版本,如果未使用其它图片优化插件的前提下,建议开启。

缓存设置

插件在这个缓存功能的设置提供了相对专业的设置选项。每个选项都附带了相应的说明,设置并不复杂(由衷感谢站长帮汉化团队)。

这里重点介绍几个容易产生困惑的地方。

缓存预热

Swift Performance 的缓存预热功能相较于 WP Rocket 插件(另一款著名缓存插件)多了一些自定义设置。

如预建缓存的速度,可根据服务器的性能调整。有些主机上,如速度过快的话可能会导致 CPU 持续100%占用率,引发网站 500 错误。

缓存模式

Swift Performance 插件赋予您三种缓存策略以优化体验:

  1. PHP 磁盘缓存:此模式以其卓越的兼容性脱颖而出,适配广泛服务器环境。通过存储页面到硬盘,显著缩减TTFB(首字节时间)至40-90毫秒,为多数网站提供了一个平衡高效的解决方案。
  2. Memcached 策略(需PHP扩展支持):利用快速的内存缓存技术,Memcached能实现极致速度,但因资源消耗较高,特别适合页面数量有限且追求极致性能的场景。注意,为防服务器负载过重,请合理设定内存上限。
  3. 重写规则磁盘缓存:若您追求极致响应速度,此模式为上选。它通过直接由Web服务器(Nginx或Apache)提供已缓存内容,绕过PHP处理过程,可将 TTFB 压缩至不足60毫秒,展现瞬时加载体验。需注意,在 Nginx 环境下采用此模式要求手动配置 Web 服务器规则,规则须添置于 WordPress 伪静态规则之前,具体指引可于“仪表盘>显示重写规则”处查阅。

综上,根据您的网站需求与服务器配置,Swift Performance插件为您量身定制了从兼容性至速度极限的全方位缓存优化方案。

缓存失效模式

一般情况,建议使用基于操作的模式,这样一来仅在内容被修改(帖子更新、新帖子、新评论、评论获批、Woo 库存更改等)Swift Performance 才清除缓存。如果这些条件无法满足清除缓存的需求,可以选择基于时间过期的模式。

CDN 功能模块

Swift Performance 插件支持 CDN 重写(动静分离)或 Cloudflare 全站 CDN 模式。Cloudflare 模式下支持缓存同步刷新。如果使用腾讯云全站 CDN 的用户可使用本站开发的 WordPress CDN 管理插件实现自动刷新 CDN 缓存。

缓存效果测试

测试环境:WordPress 6.5.5、Nginx 1.26.1、PHP 8.3,使用 Astra 主题进行首页测试。

测试方法:在 Chrome 浏览器中使用开发者调试工具(F12)。

结果:

  • 未启用缓存时,首页的 TTFB(服务器响应时间)为 766.03 毫秒。注:内容下载时间与页面体积、主机带宽和网络状况相关。
  • 启用 PHP 磁盘缓存模式后,首页的 TTFB 降至 75.32 毫秒,TTFB 速度提升约 90.17%。

用户实际感知的速度也提升了近 700 毫秒,因为页面下载时间主要由网络带宽决定,不会因缓存插件而改变。同时,图片和 JS 脚本的延迟加载也能显著改善用户体验。

总结

只要正确设置,静态缓存后对网站提速的效果是非常显著的,可以明显感觉到。

总体来讲 Swift Performance 是一款全面的性能优化插件,通过多种优化功能,帮助用户显著提升网站速度和用户体验。

在实际应用中,如果搭配 WordPress Object Cache Pro 插件还可以提升 Swift Performance 的页面优化与缓存生成速度、不能静态缓存的动态页面的速度与缓存未生成时的首次访问速度。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容