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]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- 日本を描いたタイ映画20本から見えてきた、日泰関係の変遷2026年8月25日 に AM 8:13 に
https://anond.hatelabo.jp/20260825160831 例によって再掲。 邦題 泰題 英題 公開年(タイ) 1 地球で最後のふたり เรื่องรัก น้อยนิด มหาศาล Last Life in the Universe 2003 2 早春譜 เพราะอากาศเปลี่ยนแปลงบ่อย Seasons Change 2004 3 夏休み ハートはドキドキ！ ปิดเทอมใหญ่ หัวใจว้าวุ่น Hormones 2008 4 (イーティム […]
- どれだけ古い作品でも構いません「これだけは見てくれ」というアニメを教えてくれませんか、出来れば2010年よりも前で「最近だと思ってた作品が2010年より前…？」2026年8月25日 に AM 8:07 に
どれだけ古い作品でも構いません「これだけは見てくれ」というアニメを教えてくれませんか、出来れば2010年よりも前で「最近だと思ってた作品が2010年より前…？」
- 「アドバイスがノイズにしか聞こえなくなるよね」『習慣化できない勢をお前らが全く理解できない理由』という文章がまさに問題を分かりやすく解説2026年8月25日 に AM 7:46 に
田貫（たぬき） @tanuki0818yn 習慣化できない勢をお前らが全く理解できない理由 anond.hatelabo.jp/20260822220711 この状態のときは、習慣できる勢のすべての「ああしたほうがいいよ」「こうするといいよ」のアドバイスがノイズにしか聞こえなくなるよね。できねーんだもん 2026-08-24 18:35:44 習慣化できない勢をお...
- 「防災用品は家に備えるだけでなく、外出先で被災したときのために持ち歩くのも大切です」手軽に持ち歩けるサイズの『防災ポーチ』を作ってみよう2026年8月25日 に AM 7:40 に
となりのカインズさん（カインズ公式） @cainz_san 自衛隊員に教わった、防災ポーチの中身 ・現金 ・救急セット ・マスク ・貼るカイロ ・羊羹 ・除菌シート ・ホイッスル ・小型ライト ・有線イヤホン ・モバイルバッテリー ・充電コード すべて小さなポーチに収まります。 防災用品は家に備えるだけでなく、外出先で被...
- 【速報】ICC所長制裁は日本立場と相いれずと外相2026年8月25日 に AM 7:22 に
茂木敏充外相は25日の記者会見で、米政権が国際刑事裁判所（ICC）の赤根智子所長らを制裁対象に指定したことを巡り「法の支配徹底のためICCを支持してきた日本の立場と相いれない」と表明した。
- 理系修士課程の学生に年２８０万円支援、「戦略１７分野」１万１０００人規模・来年度から７年間…文科省2026年8月25日 に AM 7:16 に
【読売新聞】 文部科学省は、政府の成長戦略で重点を置く人工知能（ＡＩ）・半導体など「戦略１７分野」を研究する理系大学院の修士課程に在籍する学生に、１人あたり年額最大２８０万円の経済的支援を行う方針を固めた。毎年１万１０００人規模で来
- 日本を描いたタイ映画20選2026年8月25日 に AM 6:56 に
釣り宣言が出た後にこういうのを後追いで書くのもどうかと思ったが、まとめてみたら意外とこれは残しておきたいと思ったので残しておく。ちなみに筆者は 映画好きなら死ぬまでに見ないと死にきれないGTH映画10とGDH映画10 を書いたのと同一人物であり、あれと重複する作品もいくつかある(というかあれもおすすめする際に...
- RGB LED搭載PCなどで一部ゲームに不具合発生。8月のWindows更新が原因2026年8月25日 に AM 6:45 に
RGB LED搭載PCなどで一部ゲームに不具合発生。8月のWindows更新が原因
