GOV.UK がフロントエンドから jQuery を削除

GOV.UK は、フロントエンドから jQuery 依存関係を削除しました。何が起こったか、想像もつかないでしょう。（はい、そのとおりです。）

Jeremy Wagner

jQuery は、約 30 KiB の依存関係であり、2021 年にモバイルページの約 84% で使用されていました。それにはもっともな理由があります。jQuery は、イベント処理、要素の選択、要素のアニメーション化などのさまざまな実装をスムーズにする方法でインタラクティビティをスクリプト化する方法が本当に必要だった時代に、役立つツールでした。

jQuery のおかげでウェブはより良いものになりました。それは、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 を高速ブロードバンド接続で使用しているわけではありません。GOV.UK はすべての人がアクセスできるようにする必要があるため、無駄を省く必要があります。

GOV.UK が jQuery を削除した際に気づいたことについて、Matt Hobbs 氏のブログ記事からいくつかご紹介します。

詳細については、Matt の有益な Twitter スレッドをご覧ください。ウェブ パフォーマンスの専門家にとって非常に有益な内容であり、パフォーマンスに関しては依存関係が重要であることを強調しています。フレームワークでできることをウェブ プラットフォームで簡単にできるのであれば、ユーザーに不利益を与えないようにしましょう。

GOV.UK のような規模で活動する機関が、ユーザー エクスペリエンスにこれほど真剣に取り組んでいることは称賛に値します。他の企業もこれに続くことを願うばかりです。