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 规模上运作的机构对用户体验的这种承诺是值得称道的。我真是希望其他人也能继续学习。