First Contentful Paint とは？

First contentful paint（FCP）とは、ナビゲーション後にブラウザがテキスト、画像、canvas などの DOM コンテンツを初めてレンダリングした時点を記録するパフォーマンス指標です。ユーザーがページの読み込みを示す最初の視覚的サインを得る瞬間を示します。ラボツールとフィールドツールの両方で追跡される標準的な Web パフォーマンス指標の一つです。

なぜ重要か

速い FCP は、白い画面ではなく何かが起きていると示してユーザーを安心させます。CI のパフォーマンス予算では、リリース前にリグレッションを捕まえるため、FCP を基準に build をゲートすることがよくあります。

関連ガイド