01 · URL
重要な操作を含むURLを入力
フォーム、カタログ、カート、チェックアウト、メニュー、アカウントエリアをチェックします。Miltenはブラウザでページを開き、選択した地域、ネットワーク、デバイスを適用します。
SSLhttps://your-site.com
クリック後のINPをチェック
クリック後の無料INPチェック：MiltenはInteraction to Next Paintを分析し、遅いハンドラー、長いアニメーションフレーム、インターフェースの応答を遅らせるサードパーティスクリプトを見つけます。
使い方
MiltenがINPをチェックする方法
URLからエンジニアリングタスクまで：サービスは重要なページ操作を再生し、次のペイントまでの遅延を測定し、応答性が悪い技術的原因を示します。
02 · シナリオ
インタラクティブなシナリオをチェックします
目立つ遅延を生むクリック、タップ、入力がレポートに表示されます：入力遅延、同期JavaScript、レイアウト/レンダリング、次のペイント。
分析42%
03 · プラン
原因と修正の順序を取得
レポートは問題を影響度別にグループ化します：インターフェースを素早く応答させるには何が必要か、どこでハンドラーのリファクタリングが必要か、何をパフォーマンスバックログに残せるか。
64
チェックアウトハンドラーを分割P1
計算前にフィードバックを表示P2
チャットウィジェットを分離P3
INPとは何か
INPは操作と目に見えるページ応答の間の一時停止
この指標はページがどれだけ速く読み込まれたかではなく、クリック、タップ、入力後にどれだけ速く応答したかに関するものです。そのためINPはフォーム、フィルター、カート、メニュー、検索、アカウントエリアで特に重要です。
操作の例
1回のクリックがINPになるまで
ブラウザはイベントを受け取り、ハンドラーを実行し、インターフェースを再計算し、次のフレームを表示する必要があります。INPはこの経路全体を測定します。
イベント内訳
INPの例386ms
入力遅延58msイベントがメインスレッドを待っているJSハンドラー178msバリデーション、状態の再計算、同期ロジックレイアウト / レンダリング83msブラウザがDOMとスタイルを再計算する次のペイント67ms新しいフレームがようやく画面に表示される
FAQ
INPチェックに関するよくある質問
Interaction to Next Paint、Core Web Vitals、SEO、実践的なインターフェース最適化に関する短い回答。
INPとは何で、なぜ重要なのか？
INPはインターフェースの応答性に関するCore Web Vitals指標です。ユーザーの操作からページの次の視覚的な応答までの時間を示します。良好な値は75パーセンタイルで200ms以下です。
自分のウェブサイトのINPを無料で確認するには？
上のフォームにURLを貼り付け、モバイルまたはデスクトップのプロファイルを選択して「INPを確認」をクリックします。Miltenはブラウザでページを開き、インタラクティブなシナリオをチェックし、遅延、長いアニメーションフレーム、初期の推奨事項を表示します。
INPはTBTとどう違うのですか？
TBTは読み込み中のメインスレッドのブロックを示すラボ指標です。INPはページの読み込み後の実際のユーザー操作（クリック、タップ、入力、次の描画）を評価します。
INPが悪い場合、どうすればよいですか？
まず、最も寄与の大きい特定の操作（ボタン、フィルター、フォーム、メニュー、チェックアウト）を見つけます。次に、長いタスク、同期ハンドラー、不要なレンダリング処理、強制リフロー、サードパーティスクリプトを確認します。
INP分析にはどのくらい時間がかかりますか？
簡単なチェックは通常1分未満で完了しますが、正確な時間は選択したリージョン、ネットワークプロファイル、CPUスロットリング、インタラクティブなシナリオの数によって異なります。安定した結論を得るには、同じ条件で複数回実行して比較してください。
関連サービス
INPの後に確認すること
遅延が見つかったら、近くの原因を確認します：bfcache、メモリリーク、JavaScriptバンドル、ページ全体の速度。