Interaction to Next Paint は正式に Core Web Vitals となり、First Input Delay に代わって 3 月 12 日に有効になります。
Web Vitals プログラムでは、ウェブ デベロッパーがウェブ上のユーザー エクスペリエンスの重要な側面を測定するための指標を提供しています。First Input Delay（FID）は、プログラムの応答性の側面を表していましたが、時が経つにつれて、ウェブのインタラクティビティの側面を捉えるためには、FID にはなかった新しい指標が必要であることが明らかになりました。Chrome チームはこの必要性を認識し、2022 年 5 月に試験運用版の指標として Interaction to Next Paint（INP） を導入しました。昨年、INP は保留中の指標となり、2024 年 3 月に INP が安定ステータスに昇格することを発表しました。
本日、INP が公式に Core Web Vitals として今年 3 月 12 日に FID に代わって、この移行に伴い FID が廃止されることを発表しました。
<ph type="x-smartling-placeholder">
<ph type="x-smartling-placeholder">この投稿では、Chrome チームからの変更に向けた準備や、変更後に想定されることについてアドバイスします。
どのような準備をすればよいですか？
移行の最初のステップは、ウェブサイトの INP が「良好」な基準を満たすかどうかを確認することです。しきい値です。Core Web Vitals のすべてのスコアは、すべてのページ読み込みの 75 パーセンタイルで、フィールドにおけるパフォーマンスに基づいて評価されます。
PageSpeed Insights を使用すると、INP に対するウェブサイトのパフォーマンスを最も簡単に確認できます。PageSpeed Insights を使用すると、Chrome ユーザー エクスペリエンス レポート（CrUX）のデータが表示されます。CrUX は、Web Vitals プログラムの公式データセットであり、ウェブサイトのフィールド データのソースになる可能性があります。
また、フィールド データの別のソースとして、Real User Monitoring（RUM）のプロバイダが使用される場合があります。このプロバイダは、フィールドにおけるウェブサイトのパフォーマンスもモニタリングします。RUM のプロバイダをご利用の場合は、INP のサポート状況をご確認ください。
<ph type="x-smartling-placeholder">ウェブサイトの INP が「改善が必要」のいずれかに該当する場合「悪い」などカテゴリごとに、INP の改善に役立つ複数のリソースを用意しています。まずは、INP の診断とトラブルシューティングを行う方法です。
問題の原因を特定したら、以下のガイドに沿って、インタラクションのどの部分を最適化すべきかを判断できます。
- メインスレッドで多くの時間を消費している JavaScript がある場合は、時間のかかるタスクを最適化します。ページの読み込み中にメインスレッド アクティビティが頻繁に発生し、それによって長いタスクがメインスレッドで開始される場合は、過剰なスクリプト評価タスクで問題が発生している可能性があります。
- インタラクションの処理の開始に時間がかかる場合は、入力遅延を最適化します。
- 大きな DOM ではレンダリングに多くの負荷がかかり、操作によって DOM が変わることは珍しくありません。大規模で複雑なレイアウトとレイアウト スラッシングを回避し、可能な場合は DOM サイズを最小限に抑えることをおすすめします。
- 複雑な CSS セレクタがある場合は、それもユーザーの操作に応じてかなりの負荷を引き起こす可能性があります。
- 最後に、ウェブサイトが JavaScript を使用して HTML の大部分をクライアント上でレンダリングする場合は、HTML のクライアントサイド レンダリングがインタラクティビティに影響することを理解することが重要です。
INP は複雑であるため、さまざまな方法でインタラクティビティを最適化できますが、労力に見合う価値があります。The Economic Times や redBus の記事など、インタラクションのレイテンシを短縮することでビジネスの成果がどのように向上するのかについて、いくつかのケーススタディが行われています。サイトで INP を最適化することも、目標達成に役立つ場合があります。
INP が Core Web Vitals に認定されるとどうなりますか？
繰り返しになりますが、INP は今年 3 月 12 日に FID に代わって正式に Core Web Vitals に置き換わります。また、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 年間にわたって慎重に計画されており、これは大きな前進となります。ウェブでの応答性に対する INP の総合的なアプローチによって、デベロッパーはユーザー エクスペリエンスのこの重要な側面をより適切に評価して改善し、長期的にはウェブの応答性を向上させることができると Google は確信しています。3 月 12 日に INP が Core Web Vitals になることが決まる中、この機会に INP のパフォーマンスを把握して最適化していただければ幸いです。
INP や FID など、Web Vitals プログラムのあらゆる指標についてご質問やご不明な点がございましたら、web-vitals-feedback@googlegroups.com までフィードバックをお寄せください。