First Contentful Paint（FCP）は、Lighthouseレポートのパフォーマンスセクションで追跡される6つのメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。 FCPが測定するもの FCPは、ユーザーがページに移動した後、...
First Contentful Paint（FCP）は、Lighthouseレポートのパフォーマンスセクションで追跡される6つのメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。
FCPが測定するもの
FCPは、ユーザーがページに移動した後、ブラウザーがDOMコンテンツの最初の部分をレンダリングするのにかかる時間を測定します。<canvas>ページ上の画像、白以外の要素、およびSVGはDOMコンテンツと見なされます。iframe内には何も含まれていません。
LighthouseがFCPスコアを決定する方法
FCPスコアは、HTTPアーカイブのデータに基づいた、実際のWebサイトのページのFCP時間とFCP時間の比較です 。たとえば、99パーセンタイルで実行されているサイトは、約1.5秒でFCPをレンダリングします。WebサイトのFCPが1.5秒の場合、FCPスコアは99です。
FCPスコアを改善する方法
FCPで特に重要な問題の1つは、フォントの読み込み時間です。フォントの読み込みを高速化する方法については、ウェブフォントの読み込みの投稿中にテキストが表示されたままであることを確認してください。
実際のユーザーのデバイスでFCPを追跡する
ユーザーのデバイスでFCPが実際に発生するタイミングを測定する方法については、Googleのユーザー中心のパフォーマンス指標のページをご覧ください。トラッキングFP / FCPのセクションでは、どのようにプログラムでアクセスFCPデータに記述し、Googleアナリティクスに送信します。
実際のユーザーの指標の収集について詳しくは、Googleのナビゲーションとリソースタイミングを使用した実際の読み込みパフォーマンスの評価をご覧ください。
全体的なパフォーマンススコアを向上させる方法
特定の指標に焦点を当てる特別な理由がない限り、通常は全体的なパフォーマンススコアの向上に焦点を当てたほうがよいでしょう。
Lighthouseレポートの[ Opportunities]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- 任天堂がうらやましい…海外メディアが報じた｢日本のゲーム会社が世界で売れるヒット作を連発できる理由」2026年4月30日 に PM 7:45 に
日本のゲーム会社はなぜ世界で売れるヒット作を生み出せるのか。欧米のゲーム会社では業績次第でリストラやスタジオの閉鎖が行われる一方、日本では社員を解雇せず、1ピクセルにこだわる品質追求が根づいている。海外メディアが報じた「日本のゲーム開発哲学」の正体とは――。 ファン待望のゲームを開発中止したワケ 海外...
- 独身子無し中年女性だが「子供いなくて自由満喫。お金も時間も自由にやり放題」とは思ってないし「寂しい！不幸！」とも思ってない…ただ可もなく不可もない2026年4月30日 に PM 4:24 に
義井 @kimura6933 独身子なし中年女性なんだけど「子供がいなくて自由を満喫中！お金も好きに使えるし幸せ😃💕」みたいな感じでもないんだよなあ。かといって「寂しい！不幸すぎる。死にたい😭」という感じでもないし。なんだろうなあ。ふつうだな。可もなく不可もなく。 2026-04-30 17:58:05
- [#82]ゴーストフィクサーズ - 田中靖規 | 少年ジャンプ＋2026年4月30日 に PM 4:01 に
ゴーストフィクサーズ 田中靖規 <毎週金曜更新>御厨ヶ丘ニュータウン。ここはある事象を境に、非現実的現象【GHOST】の坩堝と化した！そんな町に住む中学生ひふみは、ある日引っ越してきた少女と出会い…。『サマータイムレンダ』の田中靖規が描く、非現実校正アクション！ [JC7巻発売中]
- エフピコ、食品容器など全製品20％以上値上げ2026年4月30日 に PM 3:17 に
荷主エフピコは4月30日、同社が製造する製品全般について価格改定を実施すると発表した。対象は全製品で、改定幅は20％以上。6月1日出荷分から適用する。 中東情勢の緊迫化に伴う原油・ナフサなど石油化学原料の調達環境悪化が背景にある。主原料に加え、副資材費も急騰しており、生産コストは大幅に上昇する見通しとな...
- 【公式】『呪術廻戦≡』最終3巻発売記念 スペシャルPV【制作:MAPPA】2026年4月30日 に PM 3:11 に
『呪術廻戦』近未来スピンオフ、『呪術廻戦≡』最終３巻発売記念 『呪術廻戦』のTVアニメを手掛けているアニメーションスタジオMAPPA制作によるスペシャルPVを公開！ CAST 虎杖悠仁 榎木淳弥 真人 島﨑信長 STAFF 監督・絵コンテ・演出 宮川駿 キャラク...
- [3話]サナギの心臓 - 梶本あかり | 少年ジャンプ＋2026年4月30日 に PM 3:06 に
サナギの心臓 梶本あかり <毎週金曜更新>ここは魔界。魔王の正当な後継者・冥太郎は、ひょんなことから人間の少女を魔界に召喚してしまう。少女を"ビビ"と名付けた冥太郎は、その子に様々な施しを与えていくが…。同名読切が話題沸騰！『口が裂けても君には』の梶本あかりが描く、一途で歪んだ愛の物語。
- 『ディズニー同人誌の印刷を印刷所に断られました｜まるとも』へのコメント2026年4月30日 に PM 3:04 に
ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有
- [第14打]春雷卓球 - 平方昌宏 | 少年ジャンプ＋2026年4月30日 に PM 3:00 に
春雷卓球 平方昌宏 <毎週金曜更新！最新3話無料>嵐野女子高校1年・轟美雷は、小柄ながら大の卓球好きで、全国に行くほどの実力を持っていた。しかし、全中時代、圧倒的な才能を前になすすべなく負け、卓球を辞めていた。そんな中、転校生として春咲桜花が卓球部にやってきて…？『デビィ・ザ・コルシファは負けず嫌い』平...
