GOV.UK 從前端捨棄 jQuery。

GOV.UK 將 jQuery 依附元件從前端捨棄。您永遠不會猜測發生了什麼事(當然可以)。

Jeremy Wagner

jQuery 是大約 30 KiB 的依附元件，有近 2021 年使用的行動版網頁有將近 84% 的依附元件。在這種時候，我們需要運用 jQuery 這項實用的工具來編寫互動指令碼，以便流暢處理事件處理、選取元素、動畫元素等不同實作項目。

網路變得更好，是因為 jQuery 的實用性不言而已，而且因為 jQuery 的實用性不遠，就使它成為網頁平臺本身的一部分。如今，我們幾乎可以輕鬆完成 jQuery 可在基本 JavaScript 中執行的任何操作：

• 我們可以使用搭配 querySelector 和 querySelectorAll 的 CSS 選取器語法選取元素。
• 我們可以透過 classList API 新增、移除及切換元素的類別。
• 我們可以使用 addEventListener，將事件處理常式附加至 DOM 元素、document 和 window。
• 除此之外，還有更多豐富功能等您發掘。

真正的問題在於：今天「真的」需要 jQuery 嗎？這題GOV.UK 回答了很嚴重的「否」。2022 年 3 月，Matt Hobbs 宣布 GOV.UK 移除了其 jQuery 依附元件。這對使用者體驗來說至關重要，因為 GOV.UK 為英國大規模提供服務和資訊。不是所有人都使用 2022 年 MacBook Pro，透過 riproarin 寬頻連線。GOV.UK 必須可供所有人存取，這意味著這個做法必須「保持精簡」。

以下為 Matt Hobbs 中關於移除 jQuery 的幾個熱門金曲：

• 整體前端處理時間縮短。
• 在第 75 個百分位數，封鎖時間減少 11%。
• 對第 95 個百分位數的使用者，封鎖時間降低 10%。這些使用者相當重視網路和裝置狀況，而對於效能提升而言，這些效能提升格外重要。

如要閱讀完整故事，請參閱 Matt 的最新動態 Twitter 討論串。對網站效能來說，這是一項非常實用的工具，並有助於掌握依附元件在效能方面的影響。如果網路平台能輕鬆完成架構中的工作，請不要縮短使用者。

對以 GOV.UK 大規模經營的機構而言，這樣的機構已非常承諾提供使用者體驗。我衷心希望其他人能踏上他們的步伐。