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 SPORTS DATA and ARTICLE on 2024年11月21日 at AM 9:17
男子テニスのデビスカップ決勝第2日が行われ、準々決勝でドイツとカナダが対決した。 1Rはダニエル ア...
- 統幕長「中国の動向注視」 領空侵犯巡る説明でby 共同通信 on 2024年11月21日 at AM 9:16
中国軍機が8月に日本領空を初めて侵犯した問題で、気流の影響を受けた不可抗力の事案だったとする中国政府...
- 検事が取り調べで人格否定発言か 前首相襲撃、最高検に抗議文by 共同通信 on 2024年11月21日 at AM 9:13
和歌山市内で2023年、岸田文雄前首相の演説会場に爆発物を投げ込んだとして殺人未遂罪などに問われた無...
- 阪神、4位指名の町田隼乙と合意 BCリーグ埼玉の大型捕手by 共同通信 on 2024年11月21日 at AM 9:13
阪神がドラフト4位で指名した独立リーグ、ルートインBCリーグ埼玉の町田隼乙捕手(21)=186センチ...
- 【解説】第2次トランプ政権と米中貿易摩擦の行方 1期目以上に大胆な対中国関税措置発動も…中国は自由貿易に対する脅威と訴える構えかby FNNプライムオンライン on 2024年11月21日 at AM 9:12
米国大統領選挙の結果、共和党候補のトランプ氏が勝利した。 トランプ氏圧勝「バイデン氏撤退もっと早くし...
- トヨタ、11万台の改善対策 ブレーキが利きにくくなる恐れby 共同通信 on 2024年11月21日 at AM 9:10
トヨタ自動車は21日、ブレーキが利きにくくなる恐れがあるとして、「カローラ」「カローラスポーツ」「カ...
- 日産、米従業員の6%が早期退職by 共同通信 on 2024年11月21日 at AM 9:10
- 河本力が首位、石川遼2位 カシオ男子ゴルフ第1日by 共同通信 on 2024年11月21日 at AM 9:09
カシオ・ワールドオープン第1日(21日・高知県Kochi黒潮CC=7350ヤード、パー72)2シーズ...