テクニカル
FCP
最初のテキストや画像が描画されるまでの時間。表示速度の体感に直結する指標。
FCPとは?
FCP(First Contentful Paint)は、ページ読み込み開始から「最初のテキストや画像など、何らかのコンテンツが画面に描画される瞬間」までの時間を測る指標です。
ユーザーが「ページが反応し始めた」と感じるタイミングです。
LCPが「主要コンテンツの表示完了」を見るのに対し、FCPは「最初の描画」を見ます。
1.8秒以内が良好、3.0秒を超えると改善が必要とされます。
FCPの使い方・実践方法
FCPを改善する主な施策は次のとおりです。
- サーバー応答(TTFB)の高速化
- レンダリングブロッキングのCSS/JS削減
- クリティカルCSSのインライン化
- Webフォントの読み込み最適化
FCPで押さえるべきポイント
FCPはLCPやTTFBと連動して動きます。
単独で追うより、Core Web Vitals全体とLighthouseのレポートを見ながら、ボトルネックを順に潰していくのが効率的です。
FCPを実践するなら
Saguru なら、月額270円から、SEOキーワード調査・上位サイト分析・自サイトSEO診断のすべてが使えます。
「FCP」を理解した上で、すぐに実践に移せます。
登録なしで1日5回まで無料 / メール登録で1日30回 / ベーシック月額270円 / 自サイトをSEO診断
FCPについてよくある質問
FCPとLCPの違いは?
FCPは最初の描画、LCPは最大要素の描画完了を測ります。
FCPが速くてもLCPが遅いことはあります。
FCPが速くてもLCPが遅いことはあります。
FCPの目標値は?
1.8秒以内が良好です。
3秒を超えると改善が必要と判定されます。
3秒を超えると改善が必要と判定されます。
FCPはCore Web Vitalsに含まれる?
公式の3指標(LCP/INP/CLS)には含まれませんが、補助指標として重要視されます。