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]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- 「3日前までピンピンしてた人が風呂場のヒートショックで亡くなってショックが大きい」身内の事例をきっかけに始めた対策などの知見on 2025年12月22日 at AM 5:48
あさぎ屋💮3月新作原稿中 @asgykk 3日前までﾋﾟﾝﾋﾟﾝしてた人が風呂でﾋｰﾄｼｮｯｸで亡くなって今もう焼かれて体がないってなんとも言えないな 先週ﾊﾞﾚｰの大会に出て来年の予定も決めてて今日のお葬式では車停められないくらいわんさか人来て病気もしてないから寝てるみたいで「○○さん早く起きな～」って声かけられてて 2025-1...
- 柏崎刈羽原発、26年1月に再稼働 地元同意の手続き完了へ - 日本経済新聞on 2025年12月22日 at AM 5:23
東京電力ホールディングス柏崎刈羽原子力発電所（新潟県）の再稼働を巡り、新潟県議会は22日、容認方針を示した花角英世知事の信任を決めた。知事は23日にも同意を国に伝え、地元同意の手続きが完了する。東電は2026年1月にも同原発6号機を再稼働する方針で、最終準備に入る。25年度内の営業運転開始を目指す。県議会は...
- 郵便局の“AI年賀状”が攻めてる 軽い気持ちで試したら、新たな黒歴史が爆誕したon 2025年12月22日 at AM 4:52
ITmedia NEWSにおける1週間の記事アクセス数を集計し、上位10記事を紹介する「ITmedia NEWS Weekly Top10」。今回は12月13～19日までの7日間について集計し、まとめた。 先週のアクセスランキングは、メモリとストレージの「GB」の違いについて、漫画で分かりやすく解説した記事が上位だった。 さて、すっかり年末だ。今...
- Spotifyから2億5600万曲分のデータが抜き取られ海賊版サイト「Anna’s Archive」でメタデータが全公開されてしまう、約300TBに及ぶ音楽ファイルも公開予定on 2025年12月22日 at AM 4:51
海賊版コンテンツの大規模ライブラリであるAnna’s ArchiveがSpotifyをスクレイピングして2億5600万曲の音楽メタデータと8600万件の音楽ファイルをバックアップしたことを発表しました。Anna’s Archiveはすでにメタデータを公開しており、音楽ファイルも後日公開予定としています。 Backing up Spotify - Anna’s Blog htt...
- アメリカ人の義母が、生のクッキー生地を丸めて凍らせてからチョコをかけるお菓子を作っているが、日本人の感覚だと生の小麦粉って食べたらいけない…と思っちゃうon 2025年12月22日 at AM 4:28
うめちゃん🇯🇵🇺🇸 @kikilunanoah 生のクッキー生地を丸めて凍らせてからチョコがけするお菓子を義母が作ってるんだけど、生の小麦粉って食べちゃダメって日本の常識はアメリカには無いんだよね。不思議だしちょっと怖いよなー pic.x.com/4faRUt9NgU 2025-12-22 05:48:20 リンク 木下製粉株式会社 #568 小麦粉の生食につい...
- 「楽天カード」に追徴課税42億円 事業資金調達めぐり東京国税局（テレビ朝日系（ANN）） - Yahoo!ニュースon 2025年12月22日 at AM 4:14
クレジットカード会社大手「楽天カード」が事業資金の調達に関する消費税を巡り、東京国税局からおよそ42億円追徴課税されていたことが分かりました。 関係者によりますと、「楽天カード」は保有するクレジット債権を担保に金融機関から事業資金を調達していて、この資金調達について「消費税法上の課税取引にはあたらな...
- 数回しか着てないMax Maraのコートをクリーニングに出したら生地がゴワゴワになっていた→そもそも汚れることが想定されてないからブラッシングで十分？on 2025年12月22日 at AM 3:56
数回しか着ていないMax Maraのコートをクリーニングに出したら生地がゴワつきタグも傷んだ。ドライクリーニングは油分を抜くため頻繁な全体洗いは避け、まずブラッシングでケア。部分的な汚れだけ専門店に任せるのが望ましい。良質なウールやカシミヤは使い込むことで風合いが増す。首回りや袖が肌に触れない着こなしで...
- H3ロケット8号機、打ち上げ後に「第2段エンジン早期に燃焼終了」 - 日本経済新聞on 2025年12月22日 at AM 3:40
宇宙航空研究開発機構（JAXA）は22日午前、国の大型基幹ロケット「H3」8号機を打ち上げた。打ち上げから約30分後に「第2段エンジンが早期に燃焼終了した」と発表した。JAXAが詳しい状況を確認している。日本版全地球測位システム（GPS）向けの準天頂衛星「みちびき」5号機を搭載しているが、予定軌道に投入できない可能...
