跳到主要内容
项目详情

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,但未列出服务价格。

HTML、CSS 与 JavaScript 优化支持聚合、压缩和缓存脚本与样式,并可压缩 HTML。
关键 CSS 与延迟加载可内联关键 CSS、延迟完整样式,并移动或延迟 JavaScript。
图片与字体优化支持图片延迟加载、WebP、AVIF 以及 Google Fonts 加载方式优化。
API 定制提供过滤器和钩子,可调整排除项、异步脚本、CDN 与缓存相关行为。
WordPress 插件安装可从 WordPress 插件页面安装,也支持上传 ZIP 文件进行手动安装。

用户评论 (0)

还没有用户评论

成为第一个分享使用体验的人

查看更多

Autoptimize 截图

官网首页截图

写评论

分享你的使用体验,至少 10 个字。评论可以发多条,打分在右侧卡片单独进行。

还需 10 个字 · 0 / 500