GOV.UK 弃用了前端的 jQuery 依赖项。您永远猜不到发生了什么。(是的,您会。)
jQuery 依赖大约 30 KiB 的依赖项,2021 年有将近 84% 的移动网页使用了,这也是有道理的。当我们非常需要一种为互动编写脚本时,它就成为了一种辅助工具,能够简化事件处理、选择元素、为元素添加动画效果等不同实现方式。
网络之所以更好,是因为 jQuery - 不仅仅是因为 jQuery 具有如此不可思议的实用性,还因为它的无处不在使得它成为网络平台本身的一部分。如今,我们可以轻松地执行 jQuery 在原版 JavaScript 中能够执行的任何操作:
- 我们可以使用 CSS 选择器语法与
querySelector
和querySelectorAll
来选择元素。 - 我们可以使用
classList
API 在元素上添加、移除和切换类。 - 我们可以使用
addEventListener
将事件处理脚本附加到 DOM 元素、document
和window
。 - 等等等等。
这真的引出了问题:我们现在真的需要 jQuery 吗?GOV.UK 已明确回答这个问题。2022 年 3 月,Matt Hobbs 宣布 GOV.UK 移除了其 jQuery 依赖项。GOV.UK 为英国大规模提供在线服务和信息,因此这对用户体验而言非常重要。并非每个人都在通过淘汰的宽带连接获取 2022 款 MacBook Pro。GOV.UK 必须让所有人都能访问,这意味着它要保持精简。
下面是 Matt Hobbs 对 GOV.UK 在移除 jQuery 时注意到的一些热门内容:
- 前端处理总时间较短。
- 第 75 百分位的阻塞时间减少 11%。
- 对于第 95 百分位的用户,阻塞时间减少 10%。这些用户会遭遇严重的网络和设备状况不佳,因此每次性能提升对他们而言都尤为重要。
如需了解完整详情,请查看 Matt 的 Twitter 消息串。这对网络性能极客来说是很好的选择,并且有助于说明依赖项对性能而言至关重要。如果 Web 平台可以轻松完成框架可以完成的工作,请不要缩短用户的距离。
一家服务于 GOV.UK 的机构对用户体验的承诺水平非常高,值得称道。我只能希望他人也能追随他们的脚步。