INPとは？意味・仕組みと測定・改善方法をわかりやすく解説

「自社サイトのページ速度を改善したいけれど、最近よく聞く『INP』が何を指すのかよく分からない」「Google Search Consoleで『INPが不良』と表示されたが、どう直せばいいのか見当がつかない」——こうした悩みの出発点になるのがINPです。INP（Interaction to Next Paint）は、ユーザーがクリックやタップをしてから画面が反応するまでの速さを測る、Webサイトの「操作の快適さ」を表す指標です。

INPは2024年3月にCore Web Vitals（コアウェブバイタル）の正式な指標となり、検索順位にも影響する重要な要素として位置づけられています。本記事では、Web担当者の方に向けて、INPの意味と仕組み、良し悪しを判断する基準（しきい値）、自社サイトのスコアを測る方法、そしてスコアを改善する基本的な考え方までを、専門用語をかみくだきながら体系的に解説します。読み終えるころには、INPが何で、自社サイトで何を確認すればよいかがはっきり分かるはずです。

INPとは？意味をわかりやすく解説

INPとは「Interaction to Next Paint（インタラクション・トゥ・ネクスト・ペイント）」の略で、日本語では「次のペイントまでのインタラクション」と訳されます。少し難しい言葉ですが、要するに「ユーザーが操作してから、その結果が画面に表示されるまでの応答時間」を測る指標です。ここでいう操作（インタラクション）とは、ボタンのクリック、スマホ画面のタップ、キーボード入力などを指します。

たとえば、ECサイトで「カートに入れる」ボタンを押したのに、すぐに反応せず1秒近く待たされた経験はないでしょうか。この「押してから反応するまでの待ち時間」が長いほどINPの値は大きくなり、ユーザーは「このサイトは重い・反応が遅い」と感じます。INPはこの体感的な「もたつき」を数値で可視化し、ページの応答性（レスポンシブネス）の良し悪しを評価するための指標なのです。

INPはミリ秒（ms＝1000分の1秒）単位で測定され、値が小さいほど応答が速く、ユーザーにとって快適だと判断されます。ページの「読み込み速度」とは別物で、あくまで「読み込んだ後、操作にどれだけ素早く反応するか」を見ている点が特徴です。

INPはCore Web Vitalsの3指標のひとつ

INPは、Googleがページの使い心地を評価するために定めた「Core Web Vitals（コアウェブバイタル）」という3つの指標のうちのひとつです。Core Web Vitalsは、ユーザー体験を3つの観点から測るもので、それぞれ次の役割を持っています。

• LCP（Largest Contentful Paint）：ページの主要なコンテンツが表示されるまでの「読み込みの速さ」を測る指標
• INP（Interaction to Next Paint）：操作に対する「反応の速さ（応答性）」を測る指標
• CLS（Cumulative Layout Shift）：読み込み中にレイアウトがガタつかないかという「視覚的な安定性」を測る指標

LCPが「速く表示されるか」、CLSが「ガタつかず安定しているか」を見るのに対し、INPは「操作に素早く反応するか」を担当しています。3つはそれぞれ独立しているように見えますが、いずれも「このページは使っていて気持ちよいか」という同じ問いを別の角度から測っている、と理解すると整理しやすくなります。

INPはFID（First Input Delay）の後継指標

INPを語るうえで欠かせないのが、以前の指標であるFID（First Input Delay）との関係です。INPは2024年3月、それまでCore Web Vitalsの応答性指標だったFIDに代わって正式な指標となりました。

FIDは「ユーザーが最初に行った操作」に対する反応の「待ち時間（入力遅延）」だけを測っていました。一方INPは、最初の操作に限らずページ滞在中のすべての操作を対象とし、しかも「待ち時間」だけでなく「処理にかかった時間」「画面に表示されるまでの時間」を含む応答全体を測ります。つまりINPは、FIDよりも実際のユーザー体験に近い、より厳しく包括的な指標へと進化したものだといえます。このため、FIDでは「良好」だったページがINPでは「不良」と判定されるケースも少なくありません。

INPの仕組み｜3つのフェーズで応答時間を測る

INPがどのように応答時間を測っているのかを理解すると、後述する改善の打ち手が理解しやすくなります。ユーザーが操作してから画面が更新されるまでの時間は、大きく3つのフェーズに分かれています。

• 入力遅延（Input Delay）：ユーザーが操作してから、その処理が始まるまでの待ち時間。ブラウザが他の処理（主にJavaScript）で手一杯だと、ここが長くなる。
• 処理時間（Processing Time）：操作に対応するプログラム（イベントハンドラ）が実際に動いて処理を行う時間。処理が複雑なほど長くなる。
• 表示遅延（Presentation Delay）：処理結果をもとに、ブラウザが画面を描き直して表示するまでの時間。

INPは、この3フェーズの合計時間を1回の操作の応答時間として計測します。3つのうちどこか1つでも遅ければ、INP全体の値は悪化します。逆にいえば、自社サイトのINPが悪いとき、「どのフェーズに時間がかかっているか」を切り分けることが、効果的な改善の第一歩になります。

INPの値はどう決まるのか

ページ滞在中、ユーザーは何度も操作を行います。INPは、訪問中に発生したすべての操作の応答時間を観測し、その中で最も遅かった操作の値を、そのページのINPとして採用します（極端な外れ値は除外されます）。1回でも反応の遅い操作があると、それがそのページのINPになるため、「最も体験が悪かった瞬間」を代表値として捉える、厳しめの指標だといえます。