GOV.UK は、フロントエンドから jQuery への依存関係を解消しました。何が起こったのか想像もつかないでしょう。(はい、ご利用いただけます)。
jQuery は、約 30 KiB の依存関係であり、2021 年に使用されたモバイルページの 84% 近くで要素の処理が異なり、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 は誰もがアクセスできなければなりません。つまり、リーンであることが必要です。
ここでは、JQuery を削除するにあたり、GOV.UK が気付いた、Matt Hobbs の著名なヒットをいくつかご紹介します。
- 全体的なフロントエンドの処理時間が短縮される。
- 75 パーセンタイルでブロック時間が 11% 短縮。
- 95 パーセンタイルのユーザーのブロック時間が 10% 短縮されます。こうしたユーザーは、ネットワークやデバイスに深刻な悪影響を及ぼし、パフォーマンスの向上が特に大きな問題となります。
詳しくは、Matt の Twitter スレッド(英語)をご覧ください。ウェブ パフォーマンス マニアにとっては大変便利な機能で、パフォーマンスに関して依存関係が重要である点を強調します。フレームワークで容易に作業できるウェブ プラットフォームなら、ユーザーを置き換えないでください。
英国政府と同じ規模で働く機関が、ユーザー エクスペリエンスにこだわって取り組んでいるのはすばらしいことです。私には、他の人が彼らの足跡を追うことを願うばかりです。