GOV.UK 從前端捨棄 jQuery。

GOV.UK 已從前端移除 jQuery 依附元件。你永遠不會猜到發生了什麼事。(是的，你會。)

Jeremy Wagner

jQuery 是約 30 KB 的依附元件，在 2021 年有近 84% 的行動網頁使用，這並非偶然。在我們需要以某種方式編寫互動性指令碼，以便順利實作事件處理、選取元素、元素動畫等不同功能時，jQuery 就是一項不可或缺的工具。

jQuery 讓網路變得更優質，不僅因為它提供令人驚豔的實用功能，更因為它無所不在，讓其提供的功能成為網路平台的一部分。如今，我們可以輕鬆在純 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 上發布的資訊豐富的討論串。這對網頁效能專家來說是絕佳的工具，也說明瞭依附元件的重要性。如果網站平台可以輕鬆執行框架可執行的工作，請勿讓使用者失望。

英國政府機構致力於提供優質使用者體驗，實屬難能可貴。我只能希望其他人也能效法。