LCPとは？PageSpeed Insightsで遅い画像や文字を見つける

1. 公開URLを入れ、スマートフォン側のLCPを見る

文末のリンクからPageSpeed Insightsを開き、ページのURLを入れて「分析」を押します。「実際のユーザーの環境で評価する」のLCPは、データがあるときに過去28日間の計測を集計した値です。入力したページの値か、サイト全体（同じオリジン）の値かを確認します。

Googleは端末の区分ごとに、75パーセンタイルが2.5秒以下を「良好」の目安としています。おおむね4分の3の測定値がその時間以下という意味です。利用データがない場合は、同じ画面下部の「パフォーマンスの問題を診断する」から、テスト環境でどの要素の表示を待ったか調べられます。

2. 「LCP の内訳」で遅さの手がかりを拾う

「パフォーマンスの問題を診断する」の「LCP の内訳」があれば開き、対象の要素と、時間がかかった箇所を見ます。2026年11月9日に毎日1%改善のトップ（https://get1pct.com/）をスマートフォン側で試すと、実際の利用データはなく、ラボ診断では無料診断フォーム下の注意書きがLCPの対象として表示されました。大きな写真があるページでも、測定結果を見て対象を決めます。

対象が写真で取得に時間がかかるなら、表示に合った寸法の画像を用意します。取得が始まるまで長いなら、最初の画面の画像に遅延読み込みが設定されていないかを制作担当者と確認します。画像を受け取った後の表示待ちが長い場合は、描画を待たせるCSSやJavaScriptの処理を調べます。対象が文字の場合は、Webフォントの読み込みも確認します。

3. 改善前後が公開された2つの例

旅行検索ページを使った読み込みテストでは、最初に見える画像の取得優先度を上げ、LCPが2.6秒から1.9秒になりました。もう1つは通信会社の広告用ページのA/Bテストです。主要画像のサイズや表示を妨げる処理などを見直した結果、実際の利用で測ったLCPは比較版の8.3秒に対し、対策版は5.7秒でした。販売実績も比較対象を8%上回ったと報告されています。

前者で測ったのは、テスト環境で画像の優先度を変えたときの表示速度です。後者では広告からの訪問を分けて、複数の速度対策を施したページのLCPと販売実績を比べました。自社では同じURLと端末の区分で測り、変更した項目と測定条件を控えます。

今日やることは、利用者が最初に開く1ページを測る

トップや主力サービスのページを1つ選び、スマホのLCPの対象と最も時間がかかった箇所を控えます。押したあとの反応が遅い場合は「INPとは？スマホの操作が遅いときの測り方と公開事例」を参照してください。速度以外も含めて何から直すか迷ったら、本文の下から自社URLで無料診断を試せます。