INP(Interaction to Next Paint)とは?評価される操作性の指標

INP(Interaction to Next Paint)とは?評価される操作性の指標

「INPって最近よく聞くけど、FIDと何が違うの?」——先日、戸田市内の老舗家具店さんからそんな相談を受けました。ECサイトのリニューアルを検討されていて、「Googleの評価基準が変わったと聞いて不安になって」とのことでした。実はこの疑問、弊社ミアキスに寄せられる問い合わせの中でも、2024年以降グッと増えているテーマなんです。

Core Web Vitalsの指標として2024年3月に正式採用されたINP(Interaction to Next Paint)。「なんとなく知ってるけど、何をどう対応すればいいかわからない」という方に向けて、今回は実務目線でしっかり解説していきます。

INPとは何か?まず「体験」から理解しよう

INPを一言で言えば、「ユーザーが操作してから、画面が反応するまでの遅さ」を測る指標です。正式名称はInteraction to Next Paintといって、日本語にすると「次の描画までのインタラクション時間」。難しそうに聞こえますが、要するに「ボタンを押したら、どれくらい素早く画面が変わるか」を数値化したものです。

たとえば、通販サイトで「カートに追加」ボタンをクリックしたとき、ぐるぐるアイコンが出たままなかなか反応しない経験はありませんか?あの「もっさり感」こそがINPの悪化として現れる典型例です。ユーザーはこういった場面で離脱を決めてしまいます。

FIDとの違い——なぜ指標が変わったのか

以前のCore Web VitalsにはFID(First Input Delay)という指標がありました。FIDは「最初の操作に対する反応の遅さ」だけを測っていたのですが、INPはページを閲覧している間のすべての操作を対象にします。

具体的な違いを整理するとこうなります。

  • FID:ページ読み込み直後の最初の1回だけ計測
  • INP:クリック・タップ・キーボード操作など、ページ滞在中のすべての操作を計測し、その中で最も遅かった値(または上位に近い値)を評価

たとえばECサイトで、商品一覧の絞り込みをしたり、アコーディオンを開いたり、フォームに入力したり——そういった一連の操作すべてが評価対象になるわけです。より「リアルな使い心地」に近い指標に進化したと言えますね。

具体的な数値目標と現状の把握方法

Googleが定めるINPの判定基準はこちらです。

  • 良好(Good):200ミリ秒以下
  • 改善が必要(Needs Improvement):200〜500ミリ秒
  • 不良(Poor):500ミリ秒超

200ミリ秒というのは0.2秒。人間が「反応した」と感じるギリギリのラインと言われています。これを超えてくると「なんか重いな」という印象を与え始めます。

自分のサイトのINPを確認するには、PageSpeed Insights(Googleが無料提供)が手軽です。URLを入力するだけで「フィールドデータ」としてリアルユーザーの計測値が表示されます。ただし、データが蓄積されていない新しいサイトや小規模サイトでは「データが不足しています」と出ることも多いので、その場合はChromeの開発者ツール内「Lighthouse」や「Web Vitals拡張機能」を使って擬似計測するのがおすすめです。

弊社の経験では、埼玉県内のクライアント様のサイトを診断すると、約65%のサイトでINPが「改善が必要」以上の状態にありました。特にWordPressを使い、プラグインを多数入れているサイトや、スライダーなどリッチなアニメーションを多用しているサイトでスコアが低い傾向があります。

INPが悪化する主な原因と改善の方向性

INPが遅くなる理由は主に「JavaScriptの処理が重い」ことです。ブラウザはユーザーの操作を受け取ったあと、JavaScriptを実行して画面を更新しますが、その処理に時間がかかるとINPが悪化します。

改善の方向性としてよく挙げられるのは以下です。

  • 不要なJavaScriptの削除・遅延読み込み
  • 重い処理を「メインスレッド」から切り離す(Web Workerの活用)
  • プラグインや外部スクリプトの見直し
  • 入力イベントのハンドラを軽量化する

先ほどの家具店さんの事例では、WordPressに入れていたチャットボットプラグインと、動画埋め込み系のプラグインが原因でメインスレッドが詰まっていました。これらの読み込みを遅延させる対応をしたところ、INPが480ミリ秒から180ミリ秒に改善。「カートに入れるボタンの反応が明らかに速くなった」とご担当者から喜んでいただけました。

こういった診断〜改善対応は、弊社のサービスの詳細ページでもご紹介しています。気になる方はぜひチェックしてみてください。

よくあるご質問——お客様からの相談事例から

Q. 「PageSpeed InsightsのスコアはいいのにINPだけ悪い。これって問題ですか?」

(さいたま市の整骨院さまからいただいたご質問です)

A. はい、INPは独立して見るべき指標です。PageSpeed InsightsのスコアはLCPやCLSなど複数指標の総合値なので、INPが悪くても全体スコアが高く出ることがあります。ただし、2024年3月以降、INPはCore Web Vitalsの正式指標としてGoogleの検索評価に組み込まれています。「スコアはいいから大丈夫」とはならないんです。特にSEOを重視されているサイトや、ECサイトのようにユーザーが多くの操作をするページは、INP単体での改善対応が必要です。まずはPageSpeed Insightsで「フィールドデータ」のINP値を確認してみてください。500ミリ秒を超えていたら、早めの対策をおすすめします。

このように「スコアは良いのになぜ?」という混乱はよく起こります。指標ごとに意味が違うので、それぞれ個別に評価・対応することが大切なんです。

また「INP対応って費用はどのくらいかかりますか?」というご質問もよくいただきます。サイトの規模や原因によって大きく変わりますが、弊社では調査〜改善提案〜実装まで一貫して対応しています。料金プランのページに目安を掲載していますので、参考にしてみてください。

まとめ——INP対応は「使いやすさへの投資」

INPはSEO的な評価指標である以前に、ユーザーが「このサイト、使いやすいな」と感じるかどうかに直結しています。0.2秒という数値は小さく見えますが、人間の感覚は正直で、遅いサイトからはすぐ離脱してしまいます。

弊社のある小売業のお客様では、INP改善後にカートへの追加率が約12%向上したデータが出ています。技術的な指標の改善が、売上という実ビジネスの成果につながった事例です。

戸田市を拠点に埼玉全域・全国のお客様のサイトを支援してきた経験から言うと、INP対応を後回しにしているサイトは今後じわじわと検索順位に影響が出てくる可能性があります。「自分のサイトは大丈夫かな?」と思ったら、まず現状の数値を確認するところから始めてみてください。

具体的な診断や改善のご相談は、お問い合わせフォームからお気軽にどうぞ。戸田市近郊の方はもちろん、オンラインでの対応も行っていますので、どこからでもご連絡いただけます。一緒に「ストレスのないサイト」を作っていきましょう。

Web制作・保守運用のご相談はこちら

埼玉県戸田市を拠点に、ホームページ制作から保守運用まで一貫対応。
まずはお気軽にご相談ください。

無料相談はこちら