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月21日 at PM 12:16
R/Nウスイエンドウ @manngou2002 @kikomotu 刻んだ馬刺し 赤身やヒレを刻んで海苔で巻きながら食べると美味しいよ 味付けは納豆のタレでもいいし 馬刺し用のお醤油でもお好きな方でどうぞ pic.x.com/vPDmv4hwfb 2025-09-20 16:44:17
- お召し列車LV100 上皇陛下から天皇陛下、秋篠宮家などの皆様まで勢揃いしたミニトレインが超絶高貴 あまりにロイヤル過ぎてAIの疑いもon 2025年9月21日 at PM 12:13
リンク ライブドアニュース 「両陛下以上の身分の人しか乗れない」お召し列車、鉄道開業150周年で振り返る“皇室と鉄道” - ライブドアニュース 「私自身、子どものときから折に触れ、鉄道を利用してきましたし、小学生のころ、鉄道唱歌の一部を口ずさんだことも懐かしい思い出です」【秘蔵写真】大学時代の美智子さまが美...
- 「ウララララ」宇良の懸賞旗に人気アニメ「ちいかわ」のうさぎ「多くのファンから温かい反響」 - 大相撲裏話 - 相撲・格闘技コラム : 日刊スポーツon 2025年9月21日 at PM 12:01
秋場所で、人気アニメ「ちいかわ」の懸賞旗が話題になっている。 宇良の取組にかけられる指定懸賞で、懸賞旗にはちいかわのキャラクターうさぎが「ウララララ」と発している様子が描かれている。 懸賞をかけたのは、キャラクターグッズの企画・制作を担当するメーカー、株式会社グレイ・パーカー・サービス(GPS)。懸賞...
- 「だから誰だよ宇良にうさぎの懸賞出してるの!!!」大相撲を初日から盛り上がらせた"ちいかわグッズ"版権元に注目集まるon 2025年9月21日 at AM 11:47
リンク グレイ・パーカー・サービス 株式会社グレイ・パーカー・サービス 株式会社グレイ・パーカー・サービスでは、「ちいかわ」「ナガノキャラクターズ」「mofusand」「コウペンちゃん」をはじめとする様々なキャラクターのグッズ制作、キャラクターの公式通販ショップを運営しています。 1 user 16
- ファッション誌『この秋はカーキがトレンド!』ミリオタ『どれだよ!!』on 2025年9月21日 at AM 11:34
サムハラ @meizisamuhara ファッション誌「(ミリオタうぜぇな)この秋はミリタリー色がトレンド!」 ミリオタ「もっとどれだよ!!」 pic.x.com/PMM9dfV0wr 2025-09-21 11:18:59
- 【独自】小泉進次郎氏が32%で1位 “党員・党友”電話調査 自民党総裁選(2025年9月21日掲載)|日テレNEWS NNNon 2025年9月21日 at AM 11:29
自民党の総裁選挙が、22日に告示されます。日本テレビは党員、党友と答えた方を対象にした独自の電話調査を行い、誰を支持するかたずねたところ、小泉進次郎氏が32%で、1位であることがわかりました。 今回の自民党の総裁選挙は、党員・党友票の数が国会議員票と同じで勝敗に大きく関わることから、その動向を探るため...
- Playwrightはどのようにクロスブラウザをサポートしているのかon 2025年9月21日 at AM 11:26
Firefoxの場合 Playwright's Firefox version matches the recent Firefox Stable build. Playwright doesn't work with the branded version of Firefox since . it relies on patches Each version of Playwright needs specific versions of browser binaries to operate. You will need to use the Playwright CLI t...
- 【学マス】雨夜燕、実装決定。 初報PV【アイドルマスター】on 2025年9月21日 at AM 11:26
「雨夜燕、実装決定。 初報PV」を公開! 実装に先駆けて、雨夜 燕のソロ楽曲「理論武装して」こちらで先行公開。 「雨夜 燕」は2025年11月、学マス1.5周年で実装予定! ▼#学マス 好評配信中!▼ http://app.adjust.com/1ai6ouao ▼学マス関連リンク▼ ・公式サイト https://gakuen.idolmaster-official.jp/ ・公式X https:/...