INPInteraction to Next Paint
INP (Interaction to Next Paint) は、ユーザー操作からブラウザが次の描画を行うまでの遅延を計測する指標です。2024年3月に FID の後継として Core Web Vitals に追加され、200ms 以内が「良好」です。
詳細解説
INP はページ滞在中の全てのユーザー操作 (クリック・タップ・キー入力) のうち最も遅い応答時間を計測する指標で、2024年3月12日に FID の後継として Core Web Vitals に正式採用されました。FID が「最初の1回」だけだったのに対し、INP は滞在中の全インタラクションを評価するためページ全体の体感速度を反映します。基準は200ms 以内が「良好」、200-500ms が「改善が必要」、500ms 超が「不良」です。改善には、1) JavaScript の long task (50ms 超) を requestIdleCallback で分割、2) React/Vue の不要な再レンダリング削減、3) サードパーティスクリプトの defer/async 化、4) Web Worker でメインスレッドを解放、が有効です。
実装例 / 使い方
- 01React アプリで useMemo/useCallback を適切に使うと INP が200ms 改善します
- 02サードパーティ広告タグを async 化すると INP が30-40%改善します
- 03INP 500ms 超のページは Search Console で警告対象となります
関連する用語
FID
First Input DelayFID (First Input Delay) は、ユーザーが最初にページを操作してからブラウザが応答するまでの遅延時間です。Core Web Vitals の...
Core Web Vitals
Core Web Vitals は、Google が定めるページ体験の3つの基幹指標 (LCP・INP・CLS) のことです。2024年3月に FID が IN...
LCP
Largest Contentful PaintLCP (Largest Contentful Paint) は、ページ内で最も大きなコンテンツ (画像・動画・テキストブロック) が表示完了するまでの時間です...
CLS
Cumulative Layout ShiftCLS (Cumulative Layout Shift) は、ページ読み込み中にレイアウトが予期せずずれた量を累積した指標です。Core Web Vitals...
PageSpeed Insights
PageSpeed Insights (PSI) は、Google が提供する無料のページ速度測定ツールです。URL を入力するだけで Core Web Vit...
INPを、実際に活用する
用語の意味は分かった。次は実装。EXBANK の無料診断で、貴社で具体的にどう活用できるかをご提案します。
営業時間 平日10-18時 / 通常24時間以内に返信