Jetpack团队一直在“偷偷地”测试一个名为Jetpack Boost的新插件,该插件可解决WordPress网站的性能和SEO问题。1.0版近日正式发布,距三月份的最终预发布版本仅一个月。
Boost是Jetpack品牌下的一个单独插件,不需要Jetpack核心即可工作。第一次迭代捆绑了三个性能模块:
- Local Critical CSS 为主页,文章和页面生成优化的样式,以更快地显示内容,特别是对于移动设备上的访问者。
- Defer Non-Essential JavaScript 会在页面加载后将一些任务移至其他位置,因此可见项的加载速度更快。
- Lazy Image Loading 将实现当访客将其滚动到视图才加载图像。
安装插件后,用户可以打开或关闭模块。优化站点的CSS可能是一个漫长的过程,但是它会显示一个进度栏,并在完成之前试图警告您离开页面时向您发出警报。首次安装Jetpack Boost时会显示初始得分,并且在进行优化后会更新。
这是来自一个未优化的简单博客的示例得分,该博客具有20个激活插件:
安装Jetpack Boost后,仪表盘上的分数有了显着改善。这不是魔杖,而是解决某些基本性能问题(可能会转化为更好的访问者体验)的一种非常用户友好的方法。
通过检查web.dev的前后得分,可以看出Core Web Vitals评估有了明显的改进。对于某些网站,这可能意味着通过与否之间的区别(这意味着该域中75%的页面通过了)。
在安装Jetpack Boost之前
安装Jetpack Boost之后
该项目的自动化工程师NaurisPūķis表示,创建该插件的初衷之一是帮助用户“提高他们的网页核心指标,并使网站体验变得更加好”。
Google搜索于2021年5月将Page Experience添加到排名评估因素中,而WordPress网站则需要他们能获得的所有帮助。页面体验是通过网站的“网页核心指标” 指标来衡量的,但是,如果没有一些技术知识和故障排除,这些分数就很难提高。
尽管Jetpack已经包含了许多不同的功能,但Automattic还是选择将Boost模块放在单独的插件中。
“我们希望Jetpack Boost拥有自己的生命-专注于性能,并使其提供给所有站长,包括不想使用主要Jetpack插件的人,” Pūķis说。
该插件与Jetpack核心具有相同的模块化结构,因此用户可以轻松停用不想使用的模块。这有助于确保与网站所有者可能已在使用的其他性能或缓存插件兼容。
“您可能已经注意到Jetpack和Boost都延迟加载图像–这是完全相同的模块,” Pūķis说。“如果用户碰巧同时激活了Jetpack和Jetpack Boost,它将仅使用最新版本的Lazy Loading Images。”
1.0版中的功能只是Automattic的Jetpack Boost计划的开始。该项目似乎有望成为一个成熟的性能插件,甚至可以迁移一些Jetpack core与性能相关的功能。
Pūķis说:“版本1.0.0正在以“one-point-oh”的方式发布。“我们会尽早发布稳定版,但我们还有很多事情要做。从包装其他典型优化技术(例如串联concatenation,最小化,甚至是photon?)的简单模块开始,一直到性能跟踪,智能性能建议等更高级的想法。”
Pūķis表示,这些想法都不是一成不变的,并且该团队愿意探索和构建在获得更多反馈后将对性能产生最大影响的模块。
原文地址:https://www.wbolt.com/jetpack-boost-performance-plugin.html