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]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。
最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- [第22話]鬼士道 - Wataru Studio | 少年ジャンプ＋on 2025年11月21日 at PM 3:43
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
- 車と電車が衝突の瞬間、ドライブレコーダーが撮影 踏切に車がゆっくり進入 加古川on 2025年11月21日 at PM 3:40
兵庫県加古川市のＪＲ神戸線で２０日に起きた踏切事故で、乗用車が快速電車と衝突する映像が、踏切の外で止まっていた別の車のドライブレコーダーに記録されていた。運転していた男性は会話ができる状態といい、兵庫県警は同様の事故が起きているとして注意を呼びかけている。 事故は２０日午後２時４５分ごろ、加古川市...
- [第30話]大人大戦 - かっぴー/都築真佐秋 | 少年ジャンプ＋on 2025年11月21日 at PM 3:22
大人大戦 かっぴー/都築真佐秋 <毎週土曜更新>正しい大人とは？浦島優太郎は父が残した言葉を胸に、自らに課した“大人憲法”を守りながら立派な大人を目指していた。しかし、その“大人憲法”が後に世界を大きく変えることに…。『左ききのエレン』原作者かっぴー先生新連載！評価がすべての監視社会に立ち向かうサバイバル...
- [第9話]来見沢善彦の愚行 - ときわ四葩 | 少年ジャンプ＋on 2025年11月21日 at PM 3:22
来見沢善彦の愚行 ときわ四葩 <隔週土曜更新>舞台は昭和の少年漫画界――かつてヒット作を生み人気漫画家として名を馳せる来見沢は、新作の構想がうまくいかず追い詰められていた。そんなある日、若き漫画家志望の畑と出会う。畑の素晴らしい作品を前に、来見沢は無謀な考えを思いつき… [JC1巻12/4発売]
- 藤本タツキ短編集+恋は盲目 - 藤本タツキ | 少年ジャンプ＋on 2025年11月21日 at PM 3:17
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
- [第198話]2.5次元の誘惑 - 橋本悠 | 少年ジャンプ＋on 2025年11月21日 at PM 3:16
2.5次元の誘惑 橋本悠 <隔週土曜更新！最新2話無料>TVアニメ第2期制作決定!! 現実の女に興味無し！俺の嫁・リリエルは2次元にあり！そんな漫研部長・奥村の前に現れたのは…リアルなリリエル？ドキドキコスプレコメディ開幕！ [JC24巻発売中]
- [第24打席]野球・文明・エイリアン - へじていと/山岸菜 | 少年ジャンプ＋on 2025年11月21日 at PM 3:14
野球・文明・エイリアン へじていと/山岸菜 <毎週土曜更新！最新2話無料>淡々と日々を過ごしていた大学生の高次は、超がつくほどの野球好きであるにいなさんと出会う。野球のことしか頭にない彼女に惹かれ、順調に交際を重ねる高次だったが…？異彩三刀流ラブコメディ（？）、開幕！ [JC2巻12/4発売]
- 料理家・長谷川あかりさんのレシピ、引用を見ると「まずはあかりを信じる」工程がある、更に「あかりを信じるレシピ」が続々と「もれなく呼び捨てで信じてるのもおもろい」on 2025年11月21日 at PM 3:09
長谷川あかり @akari_hasegawa 春が来てしまう前にぜひつくってみてほしい、白菜の塩クリームスープのレシピ。調味料は塩だけで、白菜の甘みと生クリームのコクをシンプルに味わいます。コンソメを入れなくても大丈夫？と思うかもしれませんが、大丈夫。信じてください。自分で作るからこそ辿り着く、1番贅沢なごちそう...
