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

最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- 関西電力、福井・美浜に原発新設へ 東日本大震災後で国内初 - 日本経済新聞on 2025年7月18日 at AM 11:38
関西電力が次世代の原子力発電所の建設に乗り出すことが18日、わかった。美浜原発(福井県美浜町)の敷地内で、地質などの調査を始める。原発の新増設が具体化するのは東日本大震災以降、初めて。政府が脱炭素目標の達成に欠かせないと位置づける原発の活用が動き出す。関電は新設に向けた調査を始めると近く発表する。...
- 静岡・伊東市長、百条委が求めた卒業証書提出拒否 「今月中に辞職」(朝日新聞) - Yahoo!ニュースon 2025年7月18日 at AM 11:22
静岡県伊東市議会の中島弘道議長(中央)に回答書を提出する田久保真紀市長(右)=2025年7月18日午後3時41分、静岡県伊東市大原、南島信也撮影 「東洋大卒」と学歴を偽ったと指摘されている静岡県伊東市の田久保真紀市長が、市議会の調査特別委員会(百条委員会)に18日までの提出を求められていた「卒業証書」の提出を...
- プログラミング自動化の果てにon 2025年7月18日 at AM 11:06
並列モード 事前準備: Google Calendar Tasks に乱雑にメモを書き留めてる 特にやることを決めずに tmux(or zellij) で3分割で並べる メモを拾って投げ込む ログが止まってないかだけを見ている メインタスクのトークン消費を圧迫しない範囲で、他タスクの流量を調節 Approaching Usage Limit... がでてないと、仕事して...
- 「参政党支持者から暴力受けた」 仁藤夢乃さんらが被害届、プラカード抗議中に「体当たり」や「首絞め」と主張 - 弁護士ドットコムニュースon 2025年7月18日 at AM 10:49
参院選の選挙戦が激しさを増す中、女性支援に取り組む一般社団法人「Colabo」(コラボ)の代表理事、仁藤夢乃さんが、東京都文京区で参政党支持者から体当たりされて、打撲などのケガを負ったとして、警察に被害届を提出した。 市民団体「のりこえねっと」が7月18日に都内で開いた記者会見で明らかにした。同団体による...
- 「参政党支持者から暴力受けた」 仁藤夢乃さんらが被害届、プラカード抗議中に「体当たり」や「首絞め」と主張(弁護士ドットコムニュース) - Yahoo!ニュースon 2025年7月18日 at AM 10:45
参院選の選挙戦が激しさを増す中、女性支援に取り組む一般社団法人「Colabo」(コラボ)の代表理事、仁藤夢乃さんが、東京都文京区で参政党支持者から体当たりされて、打撲などのケガを負ったとして、警察に被害届を提出した。 【写真】ネット中傷で自殺未遂した元女性アナ 市民団体「のりこえねっと」が7月18日に都内で...
- 「TikTokはナチスのラジオと同じ」ドイツ極右政党、躍進のキーマンが目を付けた”毒を広める隙” 選挙とSNSを問う(テレビ朝日系(ANN)) - Yahoo!ニュースon 2025年7月18日 at AM 10:30
彼は“アシスタント”と称するサングラス姿の厳めしい男を伴って現れた。 ドイツの極右政党AfDが躍進する要因のひとつとなったSNS。 その戦略を担った人物が、初めて日本メディアの取材に応じた。 「TikTokはナチスのラジオと同じ」 SNSほど人を扇動しやすいツールはないと語る。 その一方で、「後悔している」とも話す。 ...
- 旧統一教会の本部など捜索 尹前大統領の妻の疑惑で韓国の特別検察官:朝日新聞on 2025年7月18日 at AM 10:09
韓国の尹錫悦(ユンソンニョル)前大統領の妻の金建希(キムゴニ)氏をめぐる疑惑を捜査している特別検察官は18日、世界平和統一家庭連合(旧統一教会)のソウル近郊にある教団本部やソウル本部など10カ所余り…
- 福島町の襲撃現場で体毛採取のクマ 21年に女性襲った個体とDNA一致:北海道新聞デジタルon 2025年7月18日 at AM 10:03
【福島】渡島管内福島町三岳の住宅地で12日、新聞配達員佐藤研樹さん(52)がヒグマに襲われ死亡した事故で、現場など町内4カ所から採取されたクマの体毛のDNA型鑑定を行った結果、2021年に同町白符で女性=当時(77)=を襲って死亡させたクマのDNA型と一致したことが18日、北海道立総合研究機構(道総研)の分析で判明し...