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になるため、「最も体験が悪かった瞬間」を代表値として捉える、厳しめの指標だといえます。

INPの基準値（しきい値）｜良好・改善が必要・不良

自社サイトのINPが良いのか悪いのかを判断するには、Googleが定める基準値（しきい値）を知る必要があります。INPは次の3段階で評価されます。

• 良好（Good）：200ミリ秒以下。操作に対してほぼ即座に反応し、ユーザーは快適だと感じる。
• 改善が必要（Needs Improvement）：200ミリ秒超〜500ミリ秒以下。反応にもたつきを感じ、ユーザー満足度に影響しうる。
• 不良（Poor）：500ミリ秒超。明確な遅延があり、ユーザーの不満や離脱につながりやすい。

目標とすべきは「200ミリ秒以下（良好）」です。この基準は、ユーザーが「すぐ反応した」と感じられる応答性を保つために設定されています。なお、INPは個々のユーザーの環境によって大きく変わるため、Googleは「全ユーザーの75パーセンタイル（下から75%目の値）」で評価することを推奨しています。これは「75%のユーザーが200ミリ秒以下を体験できているか」を見る、という意味で、一部の高速な環境だけでなく多くのユーザーの体験を担保するための考え方です。

補足として、この基準はモバイルとデスクトップで分けて評価し、最も条件の厳しい組み合わせ（多くの場合はスマホでの長いページ）が判定対象になりやすい点も押さえておくとよいでしょう。INPは現在、多くのサイトが最も達成に苦戦しているCore Web Vitalsとも言われており、決して簡単に「良好」を取れる指標ではありません。

INPの測定方法｜自社サイトのスコアを確認する

INPは実際のユーザーの操作がないと測れないため、「フィールドデータ（実ユーザーのデータ）」をもとに評価するのが基本です。ここでは、Web担当者がすぐに使える代表的な測定方法を紹介します。

Google Search Console

すでにサイトを運用しているなら、まず確認したいのがGoogle Search Consoleの「ウェブに関する主な指標（Core Web Vitals）」レポートです。実際のユーザーデータをもとに、INPが「不良」「改善が必要」と判定されているページをまとめて把握できます。サイト全体のどのページに問題があるかを俯瞰したいときに最適な出発点です。

PageSpeed Insights

特定のURLを入力するだけで、そのページのINPを含むCore Web Vitalsを確認できる無料ツールがPageSpeed Insightsです。実ユーザーのフィールドデータに加え、改善のための具体的な提案も表示されるため、「このページをどう直せばよいか」のヒントが得られます。個別ページを詳しく診断したいときに向いています。

Chrome UX Report（CrUX）とWeb Vitals拡張機能

より詳しくデータを扱いたい場合は、Googleが実ユーザーの体験を集計している「Chrome UX Report（CrUX）」が活用できます。また、開発・確認作業中に手元で素早くチェックしたいときは、Chromeブラウザの拡張機能「Web Vitals」を使うと、閲覧中のページのINPをリアルタイムに近い形で確認できます。

なお、サイト診断ツールのLighthouseはページを読み込むだけで測れる手軽さがありますが、実際のユーザー操作がないためINPそのものは測定できず、代わりにTBT（Total Blocking Time）という近い指標を参考値として表示します。INPの最終的な評価はあくまで実ユーザーのフィールドデータで決まる、という点は覚えておきましょう。

INPを改善する基本的な考え方

INPが悪化する原因の多くは、JavaScriptの処理がブラウザの「メインスレッド」（画面の更新や操作対応を担う処理の通り道）を占有し、ユーザーの操作への反応を妨げていることにあります。専門的な実装は開発者に依頼することになりますが、Web担当者として方向性を理解しておくと、改善の依頼や効果の判断がしやすくなります。代表的な改善の考え方は次のとおりです。

• 重い処理を分割する：時間のかかるJavaScriptの処理をひとかたまりで実行せず、小さく分けて、合間にブラウザが操作へ反応できる余地をつくる。
• 不要なJavaScriptを減らす：使っていないスクリプトや過剰なタグを整理し、メインスレッドの負荷を軽くする。
• サードパーティのスクリプトを見直す：広告・解析・チャットなど外部ツールのスクリプトは負荷が大きいことが多いため、本当に必要なものに絞る。
• イベント処理を軽くする：クリックやタップ時に動く処理の中身をシンプルにし、一度に行う作業量を減らす。

どのフェーズ（入力遅延・処理時間・表示遅延）が遅いかによって有効な打ち手は変わるため、まずは前述の測定ツールで「どのページの」「どの操作が」遅いのかを特定することが、遠回りに見えて最短の改善ルートです。なお、JavaScriptをほとんど使わないシンプルな静的サイトは、もともとINPが良好になりやすい傾向があります。

INPがSEO・ビジネスに与える影響

INPは単なる技術指標ではなく、検索順位とビジネス成果の両方に関わります。理由は大きく2つあります。

ひとつは、SEOへの直接的な影響です。INPはCore Web Vitalsの一部であり、Googleの「ページエクスペリエンス」というランキング要素を構成します。INPが「不良」のページは、応答性の高い競合ページに比べて検索順位で不利になる可能性があります。読み込みが速く、安定していて、操作に素早く反応するページこそが、Googleの評価する「優れたページ体験」だと位置づけられています。

もうひとつは、ユーザー体験を通じたコンバージョンへの影響です。操作のたびにもたつくサイトは、ユーザーにストレスを与え、フォーム入力の途中離脱やカゴ落ちにつながります。INPの改善は、検索流入を増やすだけでなく、訪れたユーザーを取りこぼさず成果につなげる、いわば「攻め」と「守り」の両面で効いてくる施策なのです。

まとめ：INPを理解し、自社サイトの応答性を見直す

INP（Interaction to Next Paint）は、ユーザーが操作してから画面が反応するまでの速さを測る、ページの応答性を表す指標です。Core Web Vitalsの3指標のひとつであり、2024年3月にFIDの後継として正式に採用されました。応答時間は「入力遅延・処理時間・表示遅延」の3フェーズで構成され、訪問中で最も遅かった操作の値が、そのページのINPになります。

評価の基準は、200ミリ秒以下が「良好」、200〜500ミリ秒が「改善が必要」、500ミリ秒超が「不良」で、目標は200ミリ秒以下です。自社サイトのスコアは、Google Search ConsoleやPageSpeed Insightsを使えば無料で確認できます。改善の多くはJavaScriptの最適化が鍵となるため、まずは測定ツールで問題のあるページと操作を特定するところから始めましょう。

INPはSEOの順位にもコンバージョンにも関わる、これからのWeb運用に欠かせない指標です。まずはGoogle Search Consoleで自社サイトのINPの状態を確認し、「不良」と判定されているページがないかをチェックするところから、はじめの一歩を踏み出してみてください。