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
- 米台 経済連携強化に向け協議へ 29日から台北でby TBS NEWS DIG on 2024年4月26日 at PM 7:40
アメリカのUSTR=通商代表部は、台湾との経済連携強化に向けて29日から台北で協議を行うと発表しまし...
- 円安加速 157円台後半まで下落 ニューヨーク外国為替市場by TBS NEWS DIG on 2024年4月26日 at PM 7:36
円安に歯止めがかかりません。ニューヨーク外国為替市場では円相場が1ドル=157円台後半まで下落しまし...
- 米誌のロシア人記者 極東で拘束 「ブチャ民間人殺害」記事SNS投稿でby TBS NEWS DIG on 2024年4月26日 at PM 7:09
アメリカの雑誌フォーブスのロシア人記者が、ロシア極東で拘束されました。 拘束されたのは極東ハバロフス...
- 米オハイオ州 「息ができない」と訴え黒人男性が死亡 白人警察官に押さえつけられるby TBS NEWS DIG on 2024年4月26日 at PM 6:56
アメリカ中西部のオハイオ州で黒人男性が白人警察官に押さえつけられ、その後、死亡する事件がありました。...
- 沖縄県で最大震度1の地震 沖縄県・与那国町、竹富町by TBS NEWS DIG on 2024年4月26日 at PM 6:38
27日午前3時21分ごろ、沖縄県で最大震度1を観測する地震がありました。 気象庁によりますと、震源地...
- 台湾最大野党・国民党の立法院“異例の”17人が訪中 最高指導部メンバーと面会の可能性もby TBS NEWS DIG on 2024年4月26日 at PM 6:13
台湾の最大野党・国民党の国会議員に相当する立法委員17人が26日、中国に向け出発しました。与党・民進...
- 天皇皇后両陛下が6月下旬にイギリスを公式訪問 宮内庁と英王室が発表 チャールズ国王からの招待by FNNプライムオンライン on 2024年4月26日 at PM 5:18
天皇皇后両陛下が今年6月下旬にイギリスを国賓として公式訪問されることが宮内庁とイギリス王室から正式に...
- 【速報】がん公表のチャールズ国王“近く市民の前に姿見せる”公務に復帰へby TBS NEWS DIG on 2024年4月26日 at PM 5:17
がんを公表し治療を続けているイギリスのチャールズ国王が近く一般市民の前に姿を見せ、公務に復帰すると発...