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

INP は試験運用版ではなくなりました。2024 年に Chrome が Core Web Vitals に加わる計画についてご覧ください。

Annie Sullivan(アニー・サリバン)
Annie Sullivan

Chrome の Web Vitals プログラムの使命は、デベロッパーが優れたユーザー エクスペリエンスに不可欠な指標である Core Web Vitals に集中できるようにすることです。Google が注力してきたユーザー エクスペリエンスの重要な側面の一つが応答性です。応答性とは、ユーザーの操作にすばやく反応するウェブページの機能です。

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

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

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

より良い応答性の指標

FID は、2020 年に Core Web Vitals として導入されたときから大きな前進となりました。デベロッパーは、実際のユーザーが体験するような応答性を測定する新しい方法を提供しました。これは、Web Vitals プログラムの重要な部分であり続けています。Total Blocking Time(TBT)Time To Interactive(TTI)のように、ページのインタラクティビティのみを概算する同様の指標とは異なり、FID はユーザー エクスペリエンスを直接測定します。重要なのは、ページの TBT や TTI が遅くても、実際のユーザーによるページ操作により、レスポンシブであると見なされる可能性があることです。

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

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

進化する INP

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

2022 年 5 月に Chrome が INP の試験運用版のサポートを発表してから 2023 年 5 月に INP が試験運用版で保留中の Core Web Vitals 指標になったことを Chrome が発表した 2023 年 5 月まで、INP フェーズのタイムラインを示す図。2024 年 3 月には INP が FID に置き換わる安定した Core Web Vitals 指標になった。
INP フェーズのタイムラインを示す図。

Google のツール全体で、experimental 接頭辞やアイコンのない INP が表示されるようになります。次のいずれかの 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
API の新旧の INP フィールド名へのマッピング。
* Lighthouse では、バージョン 11 で試験運用版の INP フィールドの使用を停止します。

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

一方、FID は 2024 年 3 月までウェブに関する主な指標のままとなります。その時点で、INP は Largest Contentful Paint(LCP)Cumulative Layout Shift(CLS)に、安定した Core Web Vitals の 3 つとして追加されます。今後のアップデートで、変更の正確なタイミングと、Core Web Vitals として置き換えられた後の FID の計画に関する詳細情報をお伝えする予定です。

INP のスタートガイド

適切な INP 値は 200 ミリ秒以下、低い値は 500 ミリ秒を超え、その間はすべて改善が必要です。

2024 年に INP が Core Web Vitals の改善に着手するのを待ってはいけません。モバイル デバイスでの FID パフォーマンスが高いサイトの 93% に貴社のウェブサイトが含まれている可能性は大いにありますが、モバイル デバイスで優れた INP を達成しているサイトは 65% のみであることに驚くかもしれません。INP は応答性をより正確に把握するため、これらの数値は改善の余地をより明確に把握するのに役立ちます。

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

INP が学習するのに時間がかかる場合がありますが、それで問題ありません。ROI が最も高い最適化に集中できるよう、今年の初めにブログ投稿を公開しました。このブログ投稿では、ウェブに関する主な指標を改善するために最も効果的な最適化案に絞ってガイダンスをまとめました。具体的には、FID と INP の最適化に等しく適用される 3 つの必知の手法について記述しました。それは、長いタスクを避けるか分割する、不要な JavaScript を避ける、大規模なレンダリングの更新を避けるというものです。これらをはじめとする多くの INP 最適化手法の詳細については、ドキュメントをご覧ください。

今後の展望

応答性の基準が新たに設定され、ユーザー エクスペリエンスを向上させるという課題にコミュニティが立ち上がることを楽しみにしています。初期のフィードバック事例紹介は有望でしたが、多くの方にとって、この先は長く馴染みのない長い道のりと言えるでしょう。Google では、デベロッパーの皆様をサポートするために役立つ診断toolsドキュメントを改良し、移行ができるだけ簡単になるよう努めています。

2024 年 3 月の INP の正確な卒業日については、最新情報をお待ちください。この指標は試験運用版ではなくなりましたが、INP と Web Vitals プログラム全体の改善に役立つフィードバックを web-vitals-feedback@googlegroups.com までお寄せください。