INPとは?

INP(Interaction to Next Paint) は、ユーザーの操作(クリック・タップ・キー入力)に対するページ応答性を測る指標2024年3月12日に FID を置き換えCore Web Vitalsの新主要指標になりました(FID 公式ページ)。

スコア基準

web.dev 公式の閾値

  • 良好: 200ms以内
  • 要改善: 200〜500ms
  • 不良: 500ms超

改善施策

  1. JavaScript削減: 不要なライブラリ除去
  2. Server Components活用: クライアントJSを減らす
  3. Hydration分割: Partial Hydration
  4. Long Task分割: requestIdleCallback等
  5. Web Worker: 重い処理を別スレッドへ

関連用語

Tufe Companyのソリューション