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]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。

最新ニュース
coron's Source - 全国 generated by Nordot
- 警察官の卵、府中の学校施設見学 保護者も参加、意欲向上へ警視庁by 共同通信 on 2025年2月15日 at AM 7:26
警視庁は15日、新人警察官が訓練に励む警察学校(東京都府中市)で、試験に合格した25年度入庁予定者ら...
- 万博、各国からゆるキャラ続々 ミャクミャク人気頼みも?by 共同通信 on 2025年2月15日 at AM 7:24
大阪・関西万博に参加する海外各国が明らかにし始めた展示内容で「ゆるキャラ」の活用が目立つ。国の代表的...
- クロップ氏がJ2開幕戦視察 レッドブルが買収の大宮by 共同通信 on 2025年2月15日 at AM 7:23
イングランド・プレミアリーグ、リバプール前監督のユルゲン・クロップ氏が15日、さいたま市のNACK5...
- 石川の男性が滑落し死亡 福井・大野の荒島岳by 共同通信 on 2025年2月15日 at AM 7:19
福井県警大野署は15日、大野市の荒島岳(1523メートル)で石川県中能登町の男性会社員(61)が滑落...
- 自傷や自殺未遂、20代が最多 救急搬送は2000件中28%by 共同通信 on 2025年2月15日 at AM 7:17
自殺未遂などの救急搬送症例を登録するシステム「自傷・自殺未遂レジストリ」が始まった2022年12月か...
- ジュビロ磐田 後半3得点で開幕戦を制す 水戸に3-2【J2第1節速報】by SBS NEWS on 2025年2月15日 at AM 7:15
サッカーJ2リーグ第1節が2月15日行われ、今季からJ2で戦うジュビロ磐田はホームで水戸ホーリーホッ...
- 【速報】【J2】開幕戦で藤枝MYFCは徳島に敗れるby 静岡朝日テレビ on 2025年2月15日 at AM 7:11
- 【速報】【J2】ジュビロ磐田 開幕戦は水戸に辛勝by 静岡朝日テレビ on 2025年2月15日 at AM 7:11