Next Paint へのインタラクションを進める

INP は試験運用版ではなくなりました。2024 年に Chrome を Core Web Vitals にするための計画をご紹介します。

Annie Sullivan
Annie Sullivan

<ph type="x-smartling-placeholder">

Web Vitals プログラムにおける Chrome の使命は、優れたユーザー エクスペリエンスに不可欠な指標である Core Web Vitals に開発者が集中できるようにすることです。私たちが重視してきたユーザー エクスペリエンスの重要な側面の一つが応答性です。応答性とは、ウェブページがユーザーの操作に迅速に反応する能力です。

First Input Delay(FID)は、応答性を測定する Core Web Vitals の指標ですが、これまでにも説明したように、FID には既知の制限事項があります。そこで Google は、こうした制限に効果的に対処できる試験運用版(当時)の指標についてのフィードバックを募集することにしました。2022 年、Google は新しい指標として Interaction to Next Paint(INP) を発表しました。これを Google のツールで幅広く利用できるようにし、コミュニティと協力してその有効性のテストを開始しました。

さらに 1 年間テストを行い、コミュニティからフィードバックを集めたので、いよいよ INP の試験運用版がなくなったことを発表する準備が整いました。さらに、2024 年 3 月より、INP を FID に代わる新しい Core Web Vitals の応答性の指標として推進することにも取り組んでいます。

この投稿では、今回の決定の背景にある動機、正確な変更点、利用を開始する方法について詳しく説明します。このことが Google 検索に与える影響について詳しくは、こちらのブログ投稿をご覧ください。

より良い応答性の指標

FID は、2020 年に Core Web Vitals として導入されたとき、大きな前進でした。実際のユーザー エクスペリエンスでの応答性を測定する新しい方法をデベロッパーに提供します。これは常に Web Vitals プログラムの重要な要素であり、合計ブロック時間(TBT)操作可能になるまでの時間(TTI)など、ページのインタラクティビティを概算する同様の指標とは異なり、FID はユーザー エクスペリエンスを直接測定します。重要なのは、ページの TBT または TTI が遅くても、実際のユーザーがページを操作する方法が原因で、応答があるように認識されることです。

FID によって応答性の測定方法は改善されましたが、制限がないわけではありません。実際には、「最初の入力」という 2 つの制限が、名前自体から与えられています。「delay」ですFID がレポートするのは、ユーザーが最初にページを操作したときの応答性のみです。最初のインプレッションは重要ですが、最初のインタラクションは、必ずしもページの閲覧を通したすべてのインタラクションを表すわけではありません。さらに FID は、最初のインタラクションの入力遅延部分のみを測定します。入力遅延とは、ブラウザが(メインスレッドのビジー状態が原因で)インタラクションの処理を開始するまでに待機する必要があった時間です。

INP を入力します。INP では、起点のみを測定するのではなく、すべてのインタラクションが考慮され、ページの全期間で最も遅いインタラクションが 1 つレポートされます。また、INP は遅延部分を測定するだけでなく、インタラクションの開始からイベント ハンドラを介して、ブラウザが次のフレームを描画できるようになるまでの全期間を測定します。そこで、Next Paint のインタラクションについて説明します。こうした実装の詳細により、INP はユーザーが認識した応答性を FID よりも包括的に測定できます。

進化する INP

本日より、INP は試験運用版ではなくなり、代わりに保留中の Core Web Vitals 指標と見なされます。これは、INP が FID を置き換える準備が整っていることを示す新しい認定です。ただし、まだ変更は行われていません。エコシステムを調整する時間を確保するため、INP は 2024 年 3 月に Core Web Vitals の安定した指標として正式に導入される予定です。

<ph type="x-smartling-placeholder">
</ph> Chrome が 2022 年 5 月に INP の試験運用版サポートを発表してから、2023 年 5 月に INP が Core Web Vitals の保留中の指標になったと発表した 2023 年 5 月までの INP フェーズ、そして最終的に FID に代わって INP が安定した Core Web Vitals 指標になる 2024 年 3 月までの INP フェーズを示す図。 <ph type="x-smartling-placeholder">
</ph> INP フェーズのタイムラインを示す図。

INP はツール全体で、experimental の接頭辞やアイコンなしで表示されるようになります。次のいずれかの API からプログラムで INP データを使用する場合は、コードを更新して、試験運用版以外の INP フィールドに切り替える必要があります。

ツール サポートが終了したフィールド 新しいフィールド
CrUX API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX History API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed Insights API experimental_interaction_to_next_paint interaction_to_next_paint
Lighthouse レポート* experimental-interaction-to-next-paint interaction-to-next-paint
<ph type="x-smartling-placeholder">
</ph> API の新旧 INP フィールド名へのマップ。
* Lighthouse のバージョン 11 では、試験運用版の INP フィールドは使用されなくなります。

移行を容易にし、ダウンストリーム アプリケーションの中断を避けるため、これらの API は、さらに 90 日間、試験運用版の INP フィールドを引き続き提供します。試験運用版の INP フィールドの API サポートは 2023 年 8 月 8 日に終了します。

FID は 2024 年 3 月まで Core Web Vitals に残ります。その時点で、INP は 3 つの安定した Core Web Vitals として Largest Contentful Paint(LCP)Cumulative Layout Shift(CLS)に加わります。今後のアップデートで、変更の正確なタイミングと、Core Web Vitals として置き換えられた後の FID の計画について、より詳しい情報をお知らせします。

INP のスタートガイド

INP の良好な値は 200 ミリ秒以下で、低い値は 500 ミリ秒より大きく、その中間の値はすべて改善が必要です。

2024 年に INP が Core Web Vitals の改善を始めるのを待たずに、あなたのウェブサイトは、モバイル デバイスでの FID パフォーマンスが良好なサイトの 93% に入る可能性が非常に高いです。しかし、モバイル デバイスで優れた INP を持つサイトは 65% しかないことに驚く方もいらっしゃるかもしれません。INP は応答性をより正確に把握できるため、これらの数値により、今後の改善の余地をより明確に把握できます。

サイトに INP の問題があるかどうか、その対処方法など、INP のすべてを見つけるには、まず INP 最適化ガイドを確認することをおすすめします。応答性について初めて学習する方も、パフォーマンスのエキスパートの方も、INP の測定と最適化の方法をできるだけ簡単に習得できるように、多くの新しいガイダンスを追加しました。

INP の学習には時間がかかるかもしれませんが、それで問題ありません。費用対効果の最も高い最適化に注力できるよう、今年初めにブログ投稿を公開しました。Core Web Vitals を改善するための最も効果的な推奨事項を導き出してお伝えしました。具体的には、FID と INP の最適化にも同様に適用される 3 つの必知事項である、長いタスクの回避または分割、不要な JavaScript の回避、大規模なレンダリング更新の回避について記述しました。上記を含むさまざまな INP 最適化手法について詳しくは、こちらのドキュメントをご覧ください。

今後の展望

応答性に関する新たな基準が設定されました。ユーザー エクスペリエンスの向上に向けた、コミュニティの皆さんの挑戦をお待ちしています。初期のフィードバックケーススタディは有望なものですが、多くの人にとって、これはまだ見慣れない長い道のりかもしれないと認識しています。Google は、デベロッパーの皆様を支援する診断ツールドキュメントを改善し、このプロセスをできるだけ簡単にするよう努めています。

2024 年 3 月に予定されている INP の卒業予定日については、今後のお知らせにご注目ください。この指標は試験運用版ではなくなりましたが、web-vitals-feedback@googlegroups.com にフィードバックをお寄せください。INP と Web Vitals プログラム全体の改善に役立てさせていただきます。