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

最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- トランプ大統領 EUからの輸入品 関税15%で合意したと明らかに | NHKon 2025年7月27日 at PM 7:04
アメリカのトランプ大統領は、27日、EU=ヨーロッパ連合のフォンデアライエン委員長と会談したあと、EUと関税措置について合意したと記者団に明らかにしました。 トランプ大統領は、EUからの輸入品に来月1日から30%の関税を課すと明らかにしていましたが、15%にすることで合意したとしています。
- 沖縄戦の日本軍「国民を救うために助けに行った」「歴史認識も2パターンある」 参政党の中田優子氏が発言 解説委員長「相対化は歴史修正主義の特徴」 | 沖縄タイムス+プラスon 2025年7月27日 at PM 5:12
参院選福岡選挙区で初当選した参政党新人の中田優子氏が投開票日の20日、地元RKB毎日放送のインタビューで沖縄戦の日本軍について「国民を救うために助けに行った」「歴史認識も2パターンある」と発言していたことが分かった。 RKB配信のネットニュースによると、中田氏は神谷宗幣代表の「日本軍は沖縄の人々を...
- 【最新】12球団の潜在的戦力分析→オリックスが最下位、次いでDeNAと判明した - 勝手に更新される毎日on 2025年7月27日 at PM 4:04
元阪神タイガース、現フィリーズ傘下の青柳晃洋投手のヤクルト入りが確実、と日刊スポーツが報じた。 【ヤクルト】青柳晃洋の契約合意決定的、母はヤクルトレディー 後半戦巻き返しへ先発陣強化 www.nikkansports.com そうか、藤浪に続いて阪神じゃなかったか。 その感想だけでスルーしてしまってもおかしくはなかった...
- 【クソゲーオブザイヤーの語り部たち#8】初代クソゲーオブザイヤーまとめwiki管理人|工作員on 2025年7月27日 at PM 3:40
クソゲーオブザイヤーまとめwikiロゴ2024年をもって20年にわたる歴史に幕を閉じた、5chのゲーム文化を代表する奇祭、または糞スレ、”クソゲーオブザイヤー(通称KOTY)”。あの日、あの時、あの場所で、KOTYを実際に動かしたのは一体誰だったのか? 名無しの祭りであるKOTYの総評・選評の執筆者……と名乗る人々にインタビ...
- [25話]セイレーンは君に歌わない - 猗笠怜司 | 少年ジャンプ+on 2025年7月27日 at PM 3:37
セイレーンは君に歌わない 猗笠怜司 <毎週月曜更新!最新2話無料>セイレーンの末裔・小鳥遊叶羽は、同級生の渋谷圭に夢中。叶羽は「愛する人を食べたくなってしまう」セイレーンの性質と恋心の間で揺れながら、勇気を出して告白するも呆気なく玉砕!しかしそこから渋谷くんの秘密を知ることになって… [JC2巻発売中]
- [第35話]ルリドラゴン - 眞藤雅興 | 少年ジャンプ+on 2025年7月27日 at PM 3:02
ルリドラゴン 眞藤雅興 <隔週月曜更新>ある朝 目覚めるとツノが...!?ドラゴン少女が日々をがんばらなかったり、がんばったり、やっぱりがんばらなかったり...な、作品です。よろしくおねがいします▲▲ [JC3巻発売中]
- [第27話]ドラマクイン - 市川苦楽 | 少年ジャンプ+on 2025年7月27日 at PM 3:01
ドラマクイン 市川苦楽 <毎週月曜更新>宇宙人が地球を救ってから、人間と宇宙人が共に住むようになった日本。工場で宇宙人の上司にこき使われるノマモトは、家族を宇宙人に殺されたという北見と出会う。仲を深める2人だが、ある日北見がとんでもないことをしてしまい… [JC3巻8/4発売]
- [番外編10]目の前の神様 - 久野田ショウ | 少年ジャンプ+on 2025年7月27日 at PM 3:00
目の前の神様 久野田ショウ <隔週月曜更新>大刀は最近、自分の指す手に自信が持てない。自らのデビュー戦で“神様”と出会ってから、何かが変わってしまった。同世代の“神様”に勝てる日は来るのか――自らを“凡人”と思う一人の棋士と“神様”、そして彼らと同じ時代を生きた人々の物語。 [JC3巻発売中]