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]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- 防空は「コストの戦い」になった。“低価格迎撃ミサイル”が日本には必要だ！ | Motor Fan｜自動車情報のモーターファン2026年10月25日 に AM 1:50 に
ロシアによるウクライナ都市爆撃の数的主力となっている長距離自爆ドローン。安価なドローンに対して、防空側にも安価な迎撃手段が求められている。 TEXT：綾部剛之（AYABE Takayuki） ウクライナ戦争が変えた防空戦闘の概念 ウクライナは連日、ロシアからの長距離攻撃に晒されている。その攻撃手段のなかで、数的主力と...
- めっちゃいい人ばっかの会社で給料も申し分ない何も言う事のない会社に転職出来たはいいけど、有給制度無いよって言われて言われた2026年10月25日 に AM 1:28 に
むぅ＿炭酸水爆発バックアタック @m_m_m_0921 めっちゃいい人ばっかの会社で給料も申し分ない何も言う事のない会社に転職出来たはいいけど、有給制度無いよって言われて言われたんだが これってアウト案件だよね....? 2026-10-24 20:50:39 梢@ﾓﾊﾞｴﾑくんがいつまでも実家だよ @aqua_mrine @m_m_m_0921 労働基準法 第四章 ...
- 中学生の息子の修学旅行で妻から3万円渡してと言われ、息子に聞いたら「周りそんな感じだよ」と…会社の若い子らに聞いても3万円普通と言われた→世代が違う？物価の問題？2026年10月25日 に AM 12:55 に
まなちゃ @manachaunicorn 一昨日まで息子（中学）が修学旅行行ってたんだけど、小遣いいくら？って話になって、妻が三万渡してって言われて、、 内心「はぁ？」思いつつ、息子に聞いたらまわりそんな感じだよと言われ、翌日本人に渡して、会社の若い子らに聞いたら、、 3万普通でそっからですよって聞いてマジビビったw...
- 名探偵プリキュア！×おジャ魔女どれみ：愛とリスペクトにあふれた初コラボ 演出に込められた“どれみ愛” 荒牧壮也、関弘美プロデューサーに聞く - MANTANWEB（まんたんウェブ）2026年10月25日 に AM 12:21 に
「おジャ魔女どれみ」は、1999年2月に放送を開始し、「おジャ魔女どれみ♯（しゃーぷっ）」「も～っと！ おジャ魔女どれみ」「おジャ魔女どれみドッカ～ン！」の計4作が2003年1月まで放送された。後番組として「明日のナージャ」が2003年2月～2004年1月に放送され、2004年2月に「プリキュア」シリーズの第1弾「ふたりはプ...
- ロシア占領下のクリミアで断水・停電、ウクライナの攻撃で2026年10月25日 に AM 12:08 に
ロシアが占領するウクライナ南部クリミア半島シンフェロポリで、壁にクリミアの地図が描かれた地下通路を歩く男性（2026年7月23日撮影）。(c)Igor IVANKO/AFP 【10月25日 AFP】ロシア当局によると、同国が占領するウクライナ南部クリミア半島で24日、ウクライナの攻撃により停電と断水が発生した。ロシア国内の複数の地...
- 2026年の音楽の聴かれ方 米津玄師IRISOUT以降2026年10月24日 に PM 11:53 に
2026年は去年のIRISOUT以降ビッグヒットがないらしい どの曲もリリース日にドカンとコアなファンによって聴かれるが、勢いは続かず減衰していく曲が多いとのこと たしかに最近の曲はド派手でドーパミンを絶やさないように目まぐるしく展開やリズムを変え飽きさせないような曲が多くなった。その結果ひとつひとつの曲の...
- 仏各地でデモ隊と警察が衝突、1000人近く逮捕2026年10月24日 に PM 11:24 に
この写真にはショッキングな表現、または18歳以上の年齢制限の対象となる内容が含まれます。 ご覧になる場合にはご了承の上、クリックしてください。 【10月25日 AFP】フランスの首都パリや各地の都市で24日、デモに伴う衝突が発生した。1週間前のデモが街頭での暴力行為に発展し、政府が厳しい治安対策に乗り出す中、エ...
- 村上龍の作品の中で好きな文章はたくさんあるのだけど、一番インパクトが..2026年10月24日 に PM 11:06 に
村上龍の作品の中で好きな文章はたくさんあるのだけど、一番インパクトがあったのは『すべての男は消耗品である』一巻にある、「絶望した時に発狂から救ってくれるのは、友人でもカウンセラーでもなく、プライドである。」です。 先ほど久しぶりに読み返したくなってAmazonで探したら、あったんだけどこのKindle版250円...
