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年6月10日 at AM 4:11
サムハラ @meizi_samuhara Q.なろうで軍記物を書きたいです。兵站について教えてください。 軍記物作家「俺が知りてえわ」 ミリオタ「俺が知りてえわ」 自衛官「俺が知りてえわ」 諸外国軍人「俺が知りてえわ」 2025-06-09 12:41:15
- 医療現場で子どもたちに寄り添う ポケモンの小児向けMRI検査説明用動画|株式会社ポケモン|The Pokémon Companyon 2025年6月10日 at AM 4:07
医療を受ける子どもたちを、ポケモンの力でサポートしたい。そんな思いから、ポケモンはキヤノンメディカルシステムズと共同で、小児向けのMRI検査説明用動画『ポケモンといっしょにMRIけんさのようすをみてみよう!』を制作しました。 以前から、小児医療の現場には大きな課題がありました。そのひとつが、子どもたちが...
- 大津保護司殺害事件 法務省が被告心理分析を寄稿 異例、裁判所の事実認定より前に公表|京都新聞デジタル 京都・滋賀のニュースサイトon 2025年6月10日 at AM 3:46
大津市で昨年5月、保護司新庄博志さん=当時(60)=が保護観察中の無職飯塚紘平被告(36)=殺人罪などで起訴=に自宅で殺害された事件で、法務省が飯塚被告の保護観察記録を個別に調査し、分析結果を明らかにした。事件のキーワードに「就労」を挙げ、「頻繁に離職を繰り返し、不安定な心理状態に陥った」などと...
- 【スカイプ】発祥の地・エストニアで「Skype」を追悼する【サ終】 | オモコロon 2025年6月10日 at AM 3:36
近年はLINEやZoomばかりを使っていて、Skypeアプリを開くことすらしていなかった。だが、Skypeにはたくさんの思い出がある。サ終の知らせには、思いのほか胸が痛んだ。そして気付いたら……エストニアにいた。ここは、Skypeが生まれた国なのだ。 2025年5月5日。 Skype、サ終。 Skypeの終焉 「Skype(スカイプ)」というサ...
- PS3で配信していたDL版『グラディウスV』購入不可に…KONAMIは「やむなく販売終了」、理由を訊いた | Game*Spark - 国内・海外ゲーム情報サイトon 2025年6月10日 at AM 3:17
PS3で配信していたDL版『グラディウスV』購入不可に…KONAMIは「やむなく販売終了」、理由を訊いた | Game*Spark - 国内・海外ゲーム情報サイト
- 弟が外でがやたら「お姉ちゃん」って呼んでくるのは「彼女に全部やらせてるダサい奴」だと思われたくないからだったのか!→かわいい弟エピソード集まるon 2025年6月10日 at AM 3:14
なない @71nai17 弟と二人でカラオケ行ったら「ねぇ…もし俺たちが彼氏と彼女に見えるとしたらさ…カラオケの受付全部彼女にやらせてるダサい奴に見えんのかな……」とか言われて大変うるさかった 2025-06-07 20:50:02
- CIの時間を(できるだけ楽して)半分にしてみた - Nealle Developer's Blogon 2025年6月10日 at AM 3:13
こんにちは、ニーリーの佐古です。 現在開発速度や開発者体験の向上のため、取り組みの諸々を遂行しています。 開発者体験とCI 天井の雨漏りが4か月ほど止まらないので私の開発者体験は酷いことになっています。 さて、皆さんCIの待ち時間はお好きですか?私は大嫌いです。 弊社バックエンドリポジトリのPR時CIはプロダ...
- フェラーリなどスーパーカー転売で利益 約5億円の申告漏れ指摘 | NHKon 2025年6月10日 at AM 3:12
海外メーカーの希少性の高いスーパーカーが中古車でも新車を上回る価格で取り引きされるものもある中、大阪の医療法人の元理事長が所有していたスーパーカー数台を転売して得た利益などを税務申告していなかったとして、東京国税局からおよそ5億円の申告漏れを指摘されていたことが関係者への取材で分かりました。 申告...