3 月 12 日より、「Interaction to Next Paint」が「Core Web Vitals」として正式に採用され、「First Input Delay」の代わりになります。
Web Vitals プログラムでは、ウェブ デベロッパーがウェブ上のユーザー エクスペリエンスの主要な側面を測定するための指標を提供しています。First Input Delay（FID）はプログラムの応答性の要素を示すものでしたが、時間の経過とともに、FID ではなかったウェブでのインタラクティビティの側面を捉えるには新しい指標が必要であることが次第に明らかになりました。Chrome チームはこのニーズを認識し、2022 年 5 月に試験運用版の指標として Interaction to Next Paint（INP）を導入しました。昨年、INP は保留中の指標になりましたが、INP が 2024 年 3 月に安定したステータスに昇格することを発表しました。
本日は、今年 3 月 12 日より INP が Core Web Vitals として正式に FID に置き換わることを発表いたします。また、この移行に伴い FID が非推奨になることをお知らせいたします。
この投稿では、この変更に向けた準備方法や変更の適用後の流れについて、Chrome チームからのアドバイスをご紹介します。
どのような準備をすればよいですか？
この移行の最初のステップは、ウェブサイトの INP が「良好」しきい値を超えているかどうかを見極めることです。すべての Core Web Vitals は、すべてのページの読み込みの 75 パーセンタイルにおける現場のパフォーマンスに基づいてスコア付けされます。
INP におけるウェブサイトの状態を確認する最も簡単な方法は、PageSpeed Insights を使用することです。PageSpeed Insights には Chrome ユーザー エクスペリエンス レポート（CrUX）のデータが表示されます。CrUX は、Web Vitals プログラムの公式データセットであり、ウェブサイトのフィールド データの潜在的なソースになる場合があります。
フィールド データのもう 1 つのソースは、実際のユーザー モニタリング（RUM）プロバイダから提供される場合があります。RUM は、実際のウェブサイトのパフォーマンスもモニタリングします。RUM プロバイダをご利用の場合は、その INP サポートについてお問い合わせください。
ウェブサイトの INP が「改善が必要」または「要改善」のカテゴリのいずれかに該当していることがわかった場合、INP の診断とトラブルシューティングの方法をはじめとして、改善に役立ついくつかのリソースを用意しています。
問題を把握したら、次のガイドを使用して、インタラクションのどの部分を重視して最適化すべきかを判断できます。
- メインスレッドで長時間を占めている JavaScript を使用している場合は、時間のかかるタスクを最適化します。ページの読み込み中にメインスレッド アクティビティが大量に発生し、それによってメインスレッドで長時間のタスクが多数開始される場合は、過剰なスクリプト評価タスクによる問題が発生している可能性があります。
- インタラクションの処理に時間がかかる場合は、入力遅延を最適化します。
- 大きな DOM では多くのレンダリング作業が必要となり、操作によって DOM が変化することがよくあります。大規模で複雑なレイアウトとレイアウト スラッシングを回避し、可能であれば DOM サイズを最小限に抑えることをおすすめします。
- CSS セレクタが複雑な場合、ユーザーの操作に対して多大な処理を引き起こす可能性があります。
- 最後に、ウェブサイトの HTML の大部分を JavaScript を介してクライアントにレンダリングしている場合は、HTML のクライアントサイド レンダリングがインタラクティビティに与える影響を理解しておくことが重要です。
INP は複雑であるため、さまざまな方法でインタラクティビティを重視して最適化できますが、労力に見合うだけの価値があります。インタラクションのレイテンシを短縮することでビジネスの成果がどのように向上するかについては、The Economic Times や redBus の事例など、複数のケーススタディが実施されています。サイトで INP を最適化することも、目標達成に役立つ可能性があります。
INP が Core Web Vitals になるとどうなりますか？
INP は正式にウェブに関する主な指標となり、今年の 3 月 12 日に FID に取って代わります。もう一つの結果として、FID は Core Web Vitals ではなくなり、正式に非推奨となり、プログラムから削除されます。
その結果、FID ドキュメントに変更が生じることが予想されます。FID に関する歴史的に重要なドキュメントはそのまま残りますが、FID のサポート終了ステータスを強調し、INP ドキュメントを参照するための目立つ通知が追加されます。他の FID 中心のドキュメントは完全に削除され、関連する INP ドキュメントにリダイレクトされる可能性があります。
FID は現在も Google のツールの多くで使用されていますが、INP も同様です。3 月 12 日に INP が Core Web Vitals になり次第、FID は Google Search Console から削除されます。PageSpeed Insights や CrUX といった他のすべてのツールについては、デベロッパーがコードを更新できるよう、6 か月のサポート終了期間が設けられています。
最後に、Core Web Vitals に INP が追加されたことによる Google 検索への影響については、Google 検索セントラルの INP に関するお知らせの投稿をご覧ください。
今後の展望
Core Web Vitals への INP の組み込みは、過去 2 年間にわたって慎重に計画されてきましたが、これは大きな前進となります。Google は、ウェブでの応答性に対する INP の包括的なアプローチにより、デベロッパーはユーザー エクスペリエンスのこの重要な側面をより適切に評価して改善し、時間の経過とともにウェブの応答性の向上につながると考えています。3 月 12 日に INP が Core Web Vitals となるため、この機会に INP のパフォーマンスを把握して最適化していただければ幸いです。
ご質問やご不明な点がございましたら、web-vitals-feedback@googlegroups.com までフィードバックをお寄せください。INP や FID など、Web Vitals プログラムのその他の指標についてフィードバックをお待ちしています。