FID（First Input Delay）

FID（First Input Delay）は、ユーザーがページ上で最初にインタラクション（ボタンのクリック、リンクのタップ、キーの押下など）を行ってから、ブラウザがそのイベントの処理を開始するまでの時間を測定するCore Web Vitalsの指標です。視覚的な読み込み速度ではなく、応答性を測定します。良好なFIDスコアは100ミリ秒未満で、これはページがユーザーにとって即座に反応しているように感じられることを意味します。300ミリ秒を超えると不良と見なされます。FIDは、JavaScriptの解析や長時間実行されるスクリプトなど、ブラウザのメインスレッドが他のタスクで忙しいことによる入力遅延を具体的に測定します。ブラウザがイベント処理を完了したりUIを更新したりする時間は含まれません。

読者がボタンをクリックして、目に見える一瞬何も起こらないと、ページが壊れているように感じます。遅い入力応答はユーザーをいらだたせ、[直帰率](/glossary/bounce-rate)を高めます。GoogleはCore Web Vitals評価においてFIDをランキングシグナルとして使用してきたため、FIDが低いページは検索結果で順位が下がる可能性があります。フリップブックやインタラクティブなドキュメントを共有するパブリッシャーにとって、最初のインタラクションが遅いと、コンテンツが伝えるべきプロフェッショナルな印象を損ないます。モバイルユーザーは特に影響を受けます。モバイルデバイスは処理能力が低いことが多く、メインスレッドの混雑がより顕著になるためです。

FlipLinkのフリップブックは、初期レンダリング後まで重要でないJavaScriptを遅延させることでFIDを低く保つよう最適化されています。Three.jsのページめくりエンジンはプログレッシブに読み込まれるため、ビューアのツールバーとナビゲーションコントロールは読者の最初のインタラクション時に即座に応答します。トラッキングピクセルとアナリティクススクリプトはメインスレッドをブロックしないよう非同期で読み込まれます。自分のウェブサイトに[フリップブックを埋め込む](/glossary/responsive-embed)際、FlipLinkの埋め込みコードは遅延読み込みと非同期初期化を使用し、フリップブックがホストページに入力遅延を追加しないようにします。これらの最適化により、デスクトップでもモバイルでも、埋め込みおよび共有フリップブックは最初のクリックから応答性の高さを実感できます。

| 評価 | FIDしきい値 | 意味 | |------|-----------|------| | 良好 | ≤ 100 ms | ページが入力に即座に応答する | | 改善が必要 | 101〜300 ms | 応答前に知覚可能な遅延がある | | 不良 | > 300 ms | ページが応答しないか固まっているように感じる | FIDは、Chrome User Experience Report（CrUX）のページ読み込みの75パーセンタイルで測定されます。つまり、訪問者の75%がFID 100ms以下を体験する必要があり、そうでなければページは「良好」のしきい値を満たしません。FIDはGoogle PageSpeed Insights、Lighthouse、またはWeb Vitals JavaScriptライブラリを使って測定できます。

FIDはイベント処理の遅延部分のみを測定します。入力イベントが発火してからブラウザがイベントハンドラの実行を開始するまでの間隔です。ハンドラの実行にかかる時間や、ブラウザが画面を再描画する時間は含まれません。FIDが高くなる最も一般的な原因は、メインスレッドでの長時間のJavaScriptタスクです。ブラウザが200ms以上かかるスクリプトを実行している間、その間のユーザー入力はキューに入れられ遅延します。 メインスレッドブロッキングの一般的な原因： - **大規模なJavaScriptバンドル** — ページ読み込み時に解析・コンパイルされる - **サードパーティスクリプト**（アナリティクス、広告、チャットウィジェット）が同期的に実行される - **重いDOM操作** — 初期レンダリング中に発生する - **最適化されていないWebフォントの読み込み** — レイアウトの再計算を引き起こす FIDを削減するには、長いタスクを小さなチャンクに分割し、必須でないスクリプトを遅延させ、コード分割を使用して現在のビューに必要なJavaScriptのみを読み込み、サードパーティスクリプトの影響を最小限に抑えます。

Googleは2024年3月にFIDを[Interaction to Next Paint（INP）](/glossary/core-web-vitals)に正式にCore Web Vitalとして置き換えました。FIDが最初のインタラクションのみを測定するのに対し、INPはページのライフサイクル全体を通じたすべてのインタラクションの応答性を測定し、最悪のもの（多くのインタラクションがあるページではほぼ最悪のもの）を選択します。これにより、INPはより包括的な応答性の指標となっています。 主な違い： - **範囲**：FIDは最初のインタラクションの遅延のみを測定。INPはすべてのインタラクション（クリック、タップ、キー入力）を測定し、最悪のものを報告。 - **測定対象**：FIDは入力遅延のみ（ハンドラ実行前の時間）を測定。INPは入力から次の視覚的更新（ペイント）までの完全な期間を測定。 - **しきい値**：良好なFIDは≤ 100 ms。良好なINPは≤ 200 ms。 - **ステータス**：FIDはCore Web Vitalとしては非推奨だが、多くのツールでまだ報告されている。INPが現在の公式指標。 FIDはもはやCore Web Vitalではありませんが、FIDを改善する最適化 — メインスレッドブロッキングの削減、スクリプトの遅延、コード分割 — はINPも改善します。FlipLinkのビューアは両方の指標に対して最適化されています。