GOV.UK 從前端捨棄 jQuery。

GOV.UK 已從前端捨棄 jQuery 依附元件。你絕對猜不到發生了什麼事。(是的，您會收到。)

Jeremy Wagner

jQuery 是大約 30 KiB 的依附元件，在 2021 年，將近 84% 的行動網頁都使用這個元件，而且有充分的理由。在我們非常需要一種方法來編寫互動指令碼時，jQuery 是不可或缺的工具，可順利處理事件處理、選取元素、動畫元素等不同實作項目。

jQuery 不僅實用，而且無所不在，因此網頁平台本身也納入了 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 討論串。這對網路效能愛好者來說是絕佳的內容，並強調依附元件對效能的重要性。如果網頁平台能輕鬆完成架構的工作，請勿讓使用者感到失望。

GOV.UK 這樣的大型機構能如此重視使用者體驗，實在值得讚許。我只希望其他人能效法他們的做法。