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 2025年9月11日 at PM 9:38
日本国外へ持ち出されたり、国内に持ち込まれたりした野生生物が、違法性が疑われる状況で売買されている。この夏、研究者やＮＧＯが、グレーな取引の一端を相次いで明らかにした。 国立環境研究所などは７月に、…
- 【特集】 まるで成長していない。「USB4」になっても呼び名が混乱している件。Gen 2とか相変わらず分かりにくいままon 2025年9月11日 at PM 9:22
【特集】 まるで成長していない。「USB4」になっても呼び名が混乱している件。Gen 2とか相変わらず分かりにくいまま
- マクドナルド、ハッピーセット「転売ヤー」のアプリ利用停止 - 日本経済新聞on 2025年9月11日 at PM 9:18
日本マクドナルドは12日までに、子供向け「ハッピーセット」を転売目的で大量に購入したとみられる消費者を対象に公式アプリを利用停止にした。利用停止となったアカウントではアプリを通じた事前注文や宅配サービスなどを利用できなくなる。マクドナルドのアプリ規約では「サービスの運営を妨げる行為」などを禁止事項...
- 郵便物の不配4000通、日本郵便公表せず 差出人が気づけない恐れ：朝日新聞on 2025年9月11日 at PM 9:12
全国の郵便局が取り扱った郵便物で、局員らに捨てられたり放置されたりして適切に届かなかったことがわかった事案の中に、日本郵便が公表していないケースがあることがわかった。同社によると、非公表事案の中には…
- 現地のギャルやフォロワーに聞いたら「ネパールの暴動デモ」の原因がSNS禁止というのはズレてる話on 2025年9月11日 at PM 6:34
ヤマト @yamato_rwf ネパールの暴動デモはSNS禁止が原因だとする報道は微妙にズレているので、現地ギャル達とネパールフォロワーに聞いた話をまとめてみた👇 →そもそも、ネパールの政治家による汚職や賄賂は以前から問題になっていて、一般のネパール国民は厳しい生活を強いられ不満が溜まっていた。 →1-2週間前に政治家...
- 老人ホームのレクリエーションで行われていたゲームが「シンプル・コストが安い・判断力を使う」などが満たされていて凄いアイデアだと思ったon 2025年9月11日 at PM 4:29
筆屋 敬介 @fudeyaksk ゲームとして、これを見て打ちのめされるわけですよ。 なにが凄いって シンプル 製作コストが低い ルールがわかりやすい 人の心理を突いている 身体を動かす（動体視力、細かな制御、背を起こして、肩を広げる） 判断力を使う それらが全て楽しみながら遊べて、周りも盛り上がる ほんと凄いアイデ...
- 銃弾に性的少数者権利擁護の刻印 トランプ派の若手代表格の銃撃 | NEWSjpon 2025年9月11日 at PM 4:20
10日、米西部ユタ州オレムのユタバレー大でチャーリー・カーク氏が撃たれ、逃げ惑う人々（ロイター＝共同） 【ロサンゼルス共同】米ユタ州オレムのユタバレー大で10日、保守系の政治活動家チャーリー・カーク氏（31）がイベントで討論中に撃たれ死亡した。カーク氏はトランプ大統領の熱烈な支持層「MAGA」の若者の代表格...
- 旅行の計画段階のトラブルon 2025年9月11日 at PM 3:52
Xで話題だけど、まさに今直面してる。 今回私が主催していたんだけど、計画段階で認識のズレがあって、1人が気分を害して今回は参加は辞めると申し出があった。 これからは私の配慮できる範囲での旅行の企画は、2人とか多くても3人までかな…と学んだ。人数が増えれば増えるほど価値観と認識がズレる。逆に大人数すぎて色...
