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]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- マーモット専門カフェで客がこっそりチョコレート入りのお菓子を与え、店が警察に通報…食べたマーモットは無事だがルールを守らない客へ厳しい声が相次ぐon 2026年1月12日 at AM 2:19
マーモット村 大阪 @mamomura_osaka 【重要なお知らせ】 本日、マーモット村大阪にて、マーモットの命に関わる重大な事件が発生しました。 マーモットにとって有害なチョコレート入りのお菓子が与えられたものです。 当該行為は、おやつあげ体験中にスタッフが背中を向けた隙に、体験中に使用するトングを使って周りに見...
- 骨組だけ残った看板を発見→廃店舗だと思い去ろうとしたら回転灯が点滅「何の店だろう」見当もつかぬまま入ってみた結果on 2026年1月12日 at AM 2:08
ノムラ @nomu1010 席には鉄板が敷かれ、メニュー表を見ると、お好み焼、焼そば、うどん、ラーメン、丼物が揃っている。ここ食堂だったの？ せっかくだから久しぶりにお好み焼でも食べようか。赤い注文ボタンを押下してキムチ玉をお願いした。鉄板を汚すのは申し訳ないので、お店の方に焼いて持って来てもらう事にした。 ...
- FRBパウエル議長、刑事捜査の対象に トランプ氏の政治圧力を示唆 - 日本経済新聞on 2026年1月12日 at AM 1:51
【ワシントン=高見浩輔】米連邦準備理事会（FRB）のパウエル議長は11日、自身が刑事捜査の対象になったと公表し、トランプ米大統領による政治圧力を示唆して反論する声明を動画で公表した。政権による圧力は中央銀行のトップに対する刑事捜査という異例の事態に発展した。パウエル氏によると、司法省は9日にパウエル氏へ...
- 「ボーナス下げられた」 逮捕の男、不満募らせたか 大田区社長殺害・警視庁（時事通信） - Yahoo!ニュースon 2026年1月12日 at AM 1:22
東京都大田区のマンションで音響設備会社社長の河嶋明宏さん（44）が殺害された事件で、逮捕された同社営業部長山中正裕容疑者（45）が「理由を言われずにボーナスを下げられた」と供述していることが11日、捜査関係者への取材で分かった。 【写真】遺体で見つかった音響関連会社社長の河嶋明宏さん 過去にさまざまな現...
- 見た人が『うわあ……』となってしまう橋がこちらです「マジかよ…」「さすがの俺もこれはひくわ」on 2026年1月12日 at AM 1:18
てらぽん @terapon9 ♪ドンドンびきびきドーンびき ♪ドンドンびきびきハーッッ って高田純次がやってたCM思い出した（携帯電話の割引プランだったと思う） x.com/usui_iigame/st… 2026-01-12 09:52:36
- 「LEDのヘッドライトは長寿命だが、電球が切れたらユニットごと交換になってお金がかかる」自動車整備士さんの説明に反響on 2026年1月12日 at AM 1:07
最近の車のLEDヘッドライトは球切れでユニットごと交換になり、車種で十万円前後かかることが多い。LED素子自体は長寿命だが基板など周辺部の故障でASSY交換が必要になり、点灯部だけ交換できない設計や高額修理は非エコで整備士も困っている。
- 車検中でパールピンクの軽の代車に乗っているが、車の色が違うだけで周りの車や人の対応が全然違う「世の中あまりにも黒の車が多い理由」on 2026年1月12日 at AM 1:03
あくび @akubi206 @_someko_ はい パールピンクの軽自動車の代車に乗ったとき カブにあおられたことがあります 軽トラに乗ったヤバい人もいるので車で判断するのは危険です 2026-01-12 00:55:22 鳴海 @baG496d2gwhTnqJ @_someko_ ff外失礼します。 分かります、免許取り立ての頃可愛いベージュの軽だと ·文句を直接言...
- ストーカー？警察行くかアドバイスほしい。on 2026年1月12日 at AM 12:44
5年ほど前、高校生だった頃 毎日毎日最寄り近くの駐輪場の同じ場所に自転車を停めて通学してたんだけど、 ･サドルを少しずつ切り裂かれる ･電池式ライトの電池を何度も抜かれたりつけっぱにされる ･自転車の空気入れるとこの蓋を外される ･バレンタインの日、家族のカゴ付き自転車を使ったら高いお菓子をカゴに入れられ...
