INP（Interaction to Next Paint）を最適化する
(web.dev)- UIにおけるページ全体の応答性を評価する実験的な指標
- すべてのクリック、タップ、キーボード操作のレイテンシを観測
- 最終的なINP値は最も長いインタラクションを基準にする（外れ値は無視）
- 良いユーザー体験を提供するには、WebサイトのINP値は200ms以下であるべき。200〜500msは改善が必要で、500ms以上は応答性が遅いことを意味する
最適化方法（見出しのみ）
- INPに悪影響を与える要因を見つける
- フィールドデータから遅いインタラクションを見つける
- Chrome DevToolsで遅いインタラクションを再現する
- フィールドデータがない場合は？
- 長い入力遅延（Long Input Delay）を診断して対処する
- 入力遅延の特定方法
- 長い入力遅延を修正する方法
- イベントコールバックの最適化
- プレゼンテーション遅延の最小化
- インタラクションが重なったとき
- INP改善には粘り強さが必要
まだコメントはありません。