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]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。
![](https://coron.tech/wp-content/uploads/2020/11/first-contentful-paint1.png)
最新ニュース
coron's Source - 全国 generated by Nordot
- 20歳息子が母の首絞める 母親は死亡し息子を逮捕 埼玉・川越市by FNNプライムオンライン on 2024年7月26日 at PM 11:25
埼玉・川越市で、20歳の息子が母親の首を絞めるなどした疑いで逮捕され、母親は死亡しました。 山本八洲...
- 秋篠宮ご夫妻がインターハイへ 福岡で「ケイリン」観戦by FNNプライムオンライン on 2024年7月26日 at PM 11:19
秋篠宮ご夫妻は27日から開幕するインターハイに出席するため、福岡県を訪問されました。 26日午後、ご...
- 毒キノコで20代男性死亡 道路脇で採って調理 長野・上田市by FNNプライムオンライン on 2024年7月26日 at PM 11:18
毒キノコによる食中毒で、20代の男性が死亡していたことがわかりました。 死亡が確認されたのは、非常に...
- G20財務相会議 為替の過度な変動は悪影響by FNNプライムオンライン on 2024年7月26日 at PM 11:18
ブラジルで開かれていたG20(20カ国・地域)の財務相・中央銀行総裁会議が先ほど、3会合ぶりに共同声...
- 日ASEAN外相会議 中国とフィリピンの対立巡り「力による一方的な現状変更の試みは認められない」by FNNプライムオンライン on 2024年7月26日 at PM 11:08
上川外相は、ラオスでASEAN(東南アジア諸国連合)との外相会議に出席し、中国を念頭に「法の支配に基...
- 銃撃現場で「再び集会を開く」 トランプ氏投稿、時期言及せずby 共同通信 on 2024年7月26日 at PM 11:04
【ニューヨーク共同】トランプ前米大統領は26日、ソーシャルメディアへの投稿で、13日の選挙集会中に銃...
- 「浮いて待て!」夏に多い水難事故 水辺に潜む危険性 万が一溺れたら…対処法や救助方法を聞く 【大分発】by FNNプライムオンライン on 2024年7月26日 at PM 11:02
夏休みに入り、海や川で遊ぶ機会も多くなるこの時季。ただ、気をつけないといけないのが水難事故である。水...
- フランス高速鉄道で放火 警備強化も80万人影響かby FNNプライムオンライン on 2024年7月26日 at PM 10:56
パリオリンピック開幕を目前に控えたフランスで、高速鉄道の複数の設備が放火された事件を受け、当局はドロ...