INPは、ページ上の操作に対して画面が反応するまでの状態を確認する指標です。クリックやタップだけでなく、キーボード操作も含めて考えます。
数値だけを追うのではなく、どの操作で待たされるのか、どの端末で起きるのかを分けて調べます。公式資料の意味と自社ページの観測結果を同じ記録に残すと、改善の順番を決めやすくなります。
INPが表す操作の応答性を知る
操作してから画面が更新されるまでに時間がかかると、読み手は処理が進んでいるか判断しにくくなります。INPは、ページを見ている間の操作全体から応答性を確認する考え方です。
ページの目的に合わせて、検索、メニュー、フォーム、購入前の確認など重要な操作を洗い出します。操作の結果が画面にどう現れるかも、指標と一緒に記録します。
- 対象にするページと操作
- 反応を確認する画面の変化
- 端末と通信環境
- 観測日と確認担当
INPの定義や測定の考え方は、web.devのINP解説で確認できます。自社の記録では、公式説明と観測した事実を混ぜないようにします。
公式の目安と自社の状態を分ける
公式資料では、INPが200ミリ秒以下の場合、ページは応答性が高いことを意味します。INPが500ミリ秒を超えている場合は、ページの応答性が低いことを意味します。
この目安をそのまま成果の保証に使わず、実際のページで遅い操作を特定します。数値が取得できない場合は、取得できない理由と次に確認する方法を残します。
- 公式資料に記載された判定の目安
- 計測対象にしたページ
- 遅さが出た操作と画面
- 未取得の理由と再確認方法
同じ端末だけで判断すると、利用者の環境差を見落とします。結果は端末、通信、操作、確認時刻と結び付けて保存します。
遅い操作の原因をページごとに探す
操作後に多くの処理を一度に行うページでは、画面の更新が後回しになることがあります。読み込むスクリプト、外部機能、入力処理をページごとに一覧にします。
不要な機能を減らす前に、どの操作が必要かを決めます。必要な処理でも、初回表示と操作後の処理を分けられないか、担当者と確認します。
- 操作に反応する処理
- 外部サービスや追加機能
- 入力中に実行される処理
- 変更前の設定と戻し方
原因を一度に複数変更すると、改善の理由が分からなくなります。変更した項目と観測結果を一対一で記録します。
改善を小さく試して再計測する
最初に、遅さが出るページと操作を再現できる状態にします。次に、処理の削減、読み込み順の見直し、外部機能の整理など、影響を把握しやすい作業から進めます。
- 対象ページと操作を固定する
- 端末と通信条件を記録する
- 原因候補を一つ選ぶ
- 変更前の設定を保存する
- 同じ条件で再計測する
再計測で数値が変わっても、入力や表示が壊れていないかを確認します。応答性と機能の両方が保たれて初めて、次の改善へ進みます。
公開後の確認と担当を決める
公開後は、重要な操作を実機で試し、エラーや待ち時間を記録します。計測を担当する人、修正を承認する人、結果を共有する場所を先に決めます。
公式資料の更新や計測環境の変更があった場合は、過去の結果と現在の結果を分けて保存します。確認できない変化を効果として断定せず、追加調査の条件を残します。
INP確認チェックリスト
- 対象ページと重要な操作を決めた
- 公式資料と自社の観測を分けた
- 端末と通信条件を記録した
- 原因候補を一つずつ試した
- 同じ条件で再計測した
- 機能と応答性を同時に点検した
- 担当者と再確認の条件を残した
この確認は、画像やスクリプトを変更したときにも繰り返します。表示と操作の両方を同じ条件で比べ、結果を共有して次に見るページと担当者が分かる状態を保ちます。原因が分からない項目は保留理由も台帳に残します。担当が変わっても同じ手順で再確認できるようにします。
記録には、参照した公式資料、設定変更、計測結果、未確認項目、次に試す作業を残します。サイト全体の改善範囲を整理するときはサービス案内、現在の状態を共有するときはお問い合わせページをご確認ください。担当が変わっても同じ項目で再確認できるよう、履歴の場所と次の確認日を共有します。
