Autoptimize 是由 Optimizing Matters 提供的 WordPress 网站性能优化插件,主要处理页面中的 HTML、CSS、JavaScript、图片和字体资源。它可以聚合、压缩并缓存脚本与样式,将 CSS 注入页面头部,也可以内联关键 CSS、延迟加载完整样式,并把脚本移动到页脚或延迟执行。插件还支持图片延迟加载、WebP 与 AVIF、Google Fonts 优化、异步加载未聚合 JavaScript,以及移除 WordPress 核心表情相关代码。除了后台设置外,Autoptimize 还提供较完整的 API,可按请求调整优化行为、排除规则和资源处理方式;官网同时将其标记为开源软件,并提供中文翻译。
核心功能
HTML、CSS 与 JavaScript 压缩
Autoptimize 可以压缩 HTML,以及 CSS 和 JavaScript 文件,减少页面资源中的冗余内容。CSS 与 JS 可以根据设置进行聚合,也可以只进行压缩而不聚合;新安装中,插件默认不再聚合 CSS 和 JS,官网说明这是基于 HTTP/2 已较普遍以及不聚合在内联代码和依赖关系方面可能带来的优势。对于不希望处理的文件或代码,可以通过逗号分隔的排除列表加入文件标识符、插件目录或代码中的唯一字符串。
缓存与资源加载方式
插件会缓存聚合后的 CSS 和 JavaScript,并将生成文件的链接写入 HTML。CSS 默认链接在页面头部,也可以选择内联全部 CSS,或内联首屏所需的关键 CSS 并延迟加载完整 CSS。JavaScript 默认可以移动到页脚并设置为延迟加载;未聚合或被排除的脚本也可以通过 async JS 设置异步加载。聚合文件可以保存为静态 CSS 或 JS 文件,但这需要服务器正确处理压缩和缓存过期设置。
图片与字体优化
Autoptimize 可以优化图片并启用延迟加载,同时支持 WebP 和 AVIF 格式。启用图片优化后,插件会查找来自本站的 PNG、GIF、JPEG 和 JPG 图片,并将来源改为 ShortPixel CDN;图片必须能够被公开访问,否则外部图片优化服务无法抓取原图。对于 Google Fonts,插件可以移除字体,或将多个请求合并为一个请求,也可以使用 JavaScript 以非渲染阻塞方式加载字体;异步加载可能造成未样式化文本短暂显示。
关键 CSS 与页面渲染优化
插件支持关键 CSS,可将构建页面首屏所需的样式内联,并延迟非必要 CSS,从而减少 CSS 对页面渲染的阻塞。官网说明,首屏范围会随屏幕尺寸变化,因此需要使用相关工具识别“above the fold CSS”。Autoptimize 还支持为页面或文章配置图片预加载,并提供 404 fallback 选项,在缓存中的 HTML 仍引用已删除的优化 CSS 或 JS 时,尝试提供备用文件以减轻页面显示异常。
API 与扩展定制
Autoptimize 提供 extensive API,可按请求禁用插件、修改 CSS 和 JS 排除项、调整 CSS 背景图片内联限制、指定需要放到聚合文件之后的 JavaScript 文件,以及修改聚合脚本标签的 defer 属性。官网还列出了 CDN、字体 CDN、缓存清理、压缩文件生成等相关过滤器和钩子,开发者可以通过 PHP 代码调整这些行为。插件源码和贡献入口位于 GitHub,官网也列出了其使用的多个开源项目。
使用方式
Autoptimize 作为 WordPress 插件使用。可以在 WordPress 的“Plugins > Add New”页面直接安装,也可以上传 ZIP 文件并解压到 /wp-content/plugins/,随后在插件菜单中激活,并进入 Settings > Autoptimize 开启 HTML、CSS 或 JavaScript 优化选项。插件提供后台设置、缓存清理、设置导入与导出等功能;开发者还可以通过 API 和过滤器进行定制。官网没有说明必须注册账号或自备模型 Key。它可以与页面缓存插件配合使用,但官网建议根据实际环境配置、测试并重新调整选项。
适用人群与场景
WordPress 网站管理员可以用它压缩 HTML、CSS 和 JavaScript,缓存生成的资源,并调整脚本和样式的加载顺序。需要处理图片资源的网站可以使用图片优化与延迟加载,并在图片可被公开访问时交由 ShortPixel CDN 处理。关注移动端首屏渲染的网站可以配置关键 CSS、延迟非必要样式和图片预加载。需要针对不同页面、插件或请求编写优化规则的开发者,则可以使用 API 修改排除项、异步加载、CDN 和缓存相关行为。
定价
官网未提供具体价格。页面将 Autoptimize Pro 描述为付费的 premium Power-Up,以订阅形式增加图片优化、CDN、页面缓存、自动关键 CSS 规则和额外 booster 选项;基础 Autoptimize 插件页面提供下载,并注明其为开源软件。官网另提供 Premium Support and Web Performance Optimization services,但未列出服务价格。