GOV.UK 从其前端中移除了 jQuery 依赖项。您绝对想不到发生了什么。(是的,仍然归您所有。)
jQuery 是一个大约 30 KiB 的依赖项,在 2021 年,几乎 84% 的移动网页都使用了它,这并非没有原因。在我们真正需要一种能够以脚本方式实现交互的方式来解决事件处理、选择元素、为元素添加动画等不同实现问题时,jQuery 就是一款不可或缺的工具。
得益于 jQuery,Web 变得更加出色,这不仅是因为它具有如此出色的实用性,还因为它无处不在,因此它提供的功能已成为 Web 平台本身的一部分。如今,我们可以在 Vanilla JavaScript 中轻松执行 jQuery 几乎可以执行的任何操作:
- 我们可以使用 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 性能极客来说非常有用,并强调了在性能方面依赖项很重要。如果 Web 平台可以轻松完成框架可以完成的工作,请勿让用户失望。
英国政府这样规模的机构能够对用户体验如此重视,实在难能可贵。我只能希望其他人能效仿他们。