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 資訊討論串。這很適合用來瞭解網站效能,並掌握依附元件在效能方面的重要性。如果網路平台能輕鬆完成架構的工作,就不要短距離使用者。
對 GOV.UK 規模的機構而言,這種感覺對使用者體驗的承諾也十分可觀。我只是希望其他人能跟隨他們的腳步。