Automattic 推出 Jetpack Boost:一个新的性能插件

Jetpack 团队一直在悄悄测试一个名为 Jetpack Boost 的新插件，该插件面向网站所有者.性能和 SEO 问题.1.0 版于今天发布，距离 3 月份最终预发布版发布一个月后.

Boost 是 Jetpack 品牌下的一个独立插件，它不需要 Jetpack 内核即可工作.第一次迭代捆绑了三个性能模块:

1. 本地关键 CSS 为主页、帖子和页面生成优化的样式，以更快地显示内容，尤其是对于移动设备上的访问者.
2. Defer Non-Essential Javascript 将一些任务移到页面加载后，以便更快地加载可见项.
3. 延迟图像加载在访问者将图像滚动到视图中时加载图像.

安装插件后，用户可以打开或关闭模块.优化站点的 CSS 可能是一个漫长的过程，但它会显示一个进度条并提醒您是否在完成之前试图离开页面.Jetpack Boost 首次安装时会显示初始分数，并会在优化到位后更新.

以下是来自一个相对未优化的简单博客的示例分数，其中包含 20 个活动插件:

安装 Jetpack Boost 后，仪表板中的分数有了显着改善.它不是魔杖，但它是一种相当用户友好的方式来解决一些可能转化为更好的访问者体验的基本性能问题.

检查 web.dev 上的前后分数表明 Core Web Vitals 评估有显着改进.对于某些网站，这可能意味着通过与否之间的差异(意味着域中 75% 的页面通过).

参与该项目的自动化工程师 Nauris Pūķis 表示，创建该插件的原因之一是为了帮助用户"提高他们的 Web Vitals 并使网络变得更美好."

Google 搜索将在 2021 年 5 月将页面体验添加到排名信号中，而 WordPress 网站需要他们可以获得的所有帮助.页面体验是通过网站的 Core Web Vitals 指标来衡量的，但如果没有一些技术知识和故障排除，这些分数是不容易提高的.

尽管 Jetpack 已经包含了如此多不同的功能，Automattic 还是选择将 Boost 模块放在一个单独的插件中.

“我们希望 Jetpack Boost 拥有自己的生命力–专注于性能并使所有人都可以使用它，包括不想使用主要 Jetpack 插件的人，" Pūķ说.

该插件采用与 Jetpack 核心相同的模块化结构构建，因此用户可以轻松停用他们不想使用的模块.这有助于确保与网站所有者可能已经在使用的其他性能或缓存插件的兼容性.

“您可能已经注意到 Jetpack 和 Boost 都有延迟加载图像–这是完全相同的模块，” Pūķ 说.“如果用户碰巧同时激活了 Jetpack 和 Jetpack Boost –它’将只使用最新版本的延迟加载图像.”

1.0 版中的功能只是 Automattic Jetpack Boost 计划的开始.该项目似乎有望成为一个成熟的性能插件，甚至可能迁移一些 Jetpack 核心的性能相关功能.

“1.0.0 版正在发布，"一点点哦"方式，" Pūķ 说."我们"会尽可能早地发布稳定版但我们想做的事情太多了.从打包其他典型优化技术(如串联、缩小，甚至光子?)的简单模块开始.一直到更高级的想法，如绩效跟踪、智能绩效建议等."

Pūķ 表示，这些想法都不是一成不变的，团队愿意探索和构建在获得更多反馈后对性能影响最大的模块.