INP
中級読み方：アイエヌピー｜英語：INP
Interaction to Next Paint の略。クリックや入力などのユーザー操作に対して画面がどれだけ速く反応するかを測る指標で、GoogleのCore Web Vitalsの1つ。200ミリ秒以内が「良好」とされる。
やさしい説明
INP（Interaction to Next Paint）は、ページの操作に対する反応の速さを測る指標です。Googleが定めるCore Web Vitals（ページ体験の重要指標）の1つで、2024年3月にFIDに代わって採用されました。
ボタンを押したのに画面が一瞬固まる——その「もたつき」を数値化したものがINPです。クリック・タップ・キー入力など、ページ滞在中のすべての操作の中で遅い反応を評価します。
エレベーターのボタンに例えると、押した瞬間にランプが点くと安心しますが、1秒後に点くと「壊れてる？」と不安になりますよね。Webページでも同じで、操作への反応速度は体感品質に直結します。
評価基準
| 評価 | INPの値 |
|---|---|
| ✅ 良好 | 200ミリ秒以内 |
| ⚠️ 改善が必要 | 200〜500ミリ秒 |
| ❌ 不良 | 500ミリ秒超 |
測定は PageSpeed Insights（実ユーザーデータ）や Chrome DevTools の Performance タブでできます。
FIDとの違い
前任の指標FID（First Input Delay）は「ページで最初の1回の操作」の遅延だけを測っていました。INPは「ページ滞在中のすべての操作」を見るので、使い込んだときのもたつきも捉えられます。
検索順位への影響が気になる人へ：Core Web VitalsはGoogleが公表しているランキングシグナルの1つですが、内容の質（検索意図に合っているか）の方が影響は大きいとされています。まずコンテンツ、次に速度、の順で改善しましょう。
間違いやすいポイント
❌ クリックハンドラで重い処理を同期的に実行する
ボタンクリックの中で大量の計算やDOM操作をすると、その間画面が固まりINPが悪化します。重い処理は分割して後回しにする（setTimeoutやrequestIdleCallback）、表示の更新を先に行うなどの工夫が必要です。
よくある疑問
Q: INPの目標値は？
A: 200ミリ秒以内が「良好」、200〜500ミリ秒は「改善が必要」、500ミリ秒超は「不良」とされています。PageSpeed InsightsやChrome DevToolsで確認できます。
Q: INPとFIDの違いは？
A: FIDは「最初の操作」への反応だけを測っていましたが、INPはページ滞在中の「すべての操作」の中で遅いものを評価します。2024年3月にFIDに代わってCore Web Vitalsに採用されました。
Q: INPを改善するには？
A: クリックなどのイベント処理を軽くする、重い処理を分割して後回しにする、不要な再レンダリングを減らすのが効果的です。