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年5月31日 に AM 12:02 に
中国には「学問が運命を変える（读书改变命运）」という伝統的な成功神話があります。 しかし、現状はその価値観が完全に崩壊しつつあります。 「放棄された子ども」と学問の価値先に紹介した王建国。彼のような事例は枚挙にいとまがない。 さらに悲惨なケースもある。子どもの進学のために、貯蓄をすべて使い果たした農...
- 官僚も「氷河期世代がババ引く」 管理職に昇進で年収100万円下げ - 日本経済新聞2026年5月30日 に PM 11:51 に
霞が関で「年収の崖」が生じている。サービス残業の是正で若手・中堅の収入が増えたことで、残業代の出ない室長・課長級に昇進すると年収が下がるケースが相次いだためだ。「残業時間は全部つけて、残業手当を全額支払う」。きっかけは河野太郎規制改革相（当時）が21年1月に発した鶴の一声だった。かつては各省庁が残業...
- おすすめの神社おしえて2026年5月30日 に PM 11:24 に
都心在住 具体的に言うと新宿駅がJRでは近い 最近御朱印を集め始めた 靖国神社と明治神宮には行ってみた ちなみに寺には興味ない 他におすすめの神社があれば教えてほしい 東京には神社が多いのかネットで調べてもおすすめがよくわからん 個人的には山の中に立ってるような神社が好き
- 取引先との商談中に「キミは写真は撮るかい？良いカメラがあってねえ」と唐突に話題が変わり...後日その人の上司に話をしたら「彼は賄賂を要求していますね」と謝罪し担当者が消えた2026年5月30日 に PM 11:18 に
南砂一丁目 @minamisuna1 取引先との商談中「キミは写真は撮るかい？良いカメラがあってねえ」と唐突に話題が変わり、ほーん、と思いながら無邪気に聞いていたのだが後からその人の上司にその話をしたところ、上司の顔が瞬時に固まり「彼は賄賂を要求していますね、大変失礼いたしました」と謝罪され担当者が消えたこと...
- 美味しいケーキ屋があったが「しょっちゅう来るお客さんは飽きちゃって来なくなるんですよね」と言われ「自分は良い客じゃないんだ」と行かなくなった話…そういう話なの？2026年5月30日 に PM 9:05 に
工藤P @emifuwa 近隣はケーキ屋が渋滞してる激戦区なんだけど、田舎だからたまに1人でやる人がお店開く。 一度美味しいな〜って通った店があったけど、 「あんまりしょっちゅう来るお客さんって飽きちゃって来なくなるんですよね」と店主に言われてしまい、それから行かなくなった。 私、いい客じゃないんだなって… 2026...
- コラボカフェ実食者による個人的「もちづきさん盛り完食難易度Tier」でSSS認定された「ほぼ米しかない1.6キロの牛丼」と「逆写真詐欺のコーヒー成分皆無ティラミス」が凶悪2026年5月30日 に PM 8:49 に
自称 しのけん大食い🙄👍（篠原健太） @IaPranet もちづきさん盛り完食難度Tier SSS 牛丼、ティラミス 壁 Sオムライス A 麻婆炒飯、パフェ B シュークリーム ※個人差、左右差あり x.com/iapranet/statu… 2026-05-30 16:15:28 自称 しのけん大食い🙄👍（篠原健太） @IaPranet もちづきさんコラボカフェ、去年に引き続き全...
- 「やらない後悔よりやる後悔」10年着倒して…クリーニングでも加齢臭が抜けなくなったDiorのスーツをワイドハイターで手洗いした話2026年5月30日 に PM 8:37 に
YoMo-Sue @YoMoSu_he ここ最近、ワイドハイターにハマってて、1日1着ずつ付け置きしてはすすいで乾かしてる。ウールシャツとかギリヤバそうなところまで手を出してて、最終目標はDiorのスーツをワイドハイターで手洗いすること。 2026-05-26 18:35:44
- ソフトバンクG、14兆円投じフランスにAIデータセンター 欧州最大規模 - 日本経済新聞2026年5月30日 に PM 8:05 に
ソフトバンクグループ（SBG）がフランスで最大14兆円を投じデータセンターを建設する。容量は合計5ギガ（ギガは10億）ワットで欧州で最大規模の計画になる見通し。人工知能（AI）に必要な計算資源を米国だけでなく欧州でも確保する。データセンターなどの計算資源は米国に集中している。SBGも米オハイオ州で80兆円規模を...
