LCPが遅い(表示に4秒以上かかる)
LCPは「ページの主要コンテンツが表示されるまでの時間」で、Core Web Vitalsの中核指標です。2.5秒以内が良好、4秒超は不良という基準をGoogleが公表しています。改善は闇雲にやらず、原因の系統を特定してから効く順に手を付けます。
公開日: 2026年8月16日 / 最終更新日: 2026年9月6日
カテゴリ: パフォーマンス / 影響度: 高 / 想定工数: 4時間 / ルールID: lcp_poor
この指標の意味
LCP(Largest Contentful Paint)は、画面内で最も大きい要素(多くはメインビジュアルの画像か見出し)が描画されるまでの時間です。ユーザーが「ページが表示された」と感じるタイミングに最も近い指標とされています。
Googleの公表基準では、2.5秒以内が「良好」、2.5〜4秒が「改善が必要」、4秒超が「不良」です。Core Web Vitalsは検索順位の要素の1つでもあります(ただし内容の関連性より優先されることはありません)。
Smash SEOの検出条件
各ページのLCPをPageSpeed Insights API経由で取得し、4秒(4000ミリ秒)を超えるページを「不良」として重大判定、2.5〜4秒を「改善が必要」として警告判定します。Googleの公表基準そのままの閾値です。
さらに、遅さの原因を切り分けるための個別ルール(サーバー応答が遅い・レンダリングをブロックするCSS・未最適化の画像・preload未設定)も別途検出し、どの系統に手を付けるべきかが分かるようにしています。
原因は3系統に分かれる
- 系統1: サーバーが遅い(TTFB) — HTMLが返ってくるまでが遅い。サーバースペック・キャッシュ不在・重いDB処理が原因。ここが遅いと後段の全てが遅れる
- 系統2: 描画がブロックされる — HTMLは届いたが、CSSや同期スクリプトの読み込み待ちで描画が始まらない
- 系統3: LCP要素自体が重い — メイン画像が数MBある、画像のpreloadが無い、サイズ指定が無い
どの系統かはPageSpeed Insightsの診断項目や、Smash SEOの原因別ルールの検出状況で見当がつきます。系統1→2→3の順で上流から確認するのが定石です。
効果の大きい改善から着手する
- ページキャッシュの導入(系統1)— WordPressならキャッシュプラグイン。動的生成を毎回行っているサイトでは最も効果が大きい
- メイン画像の軽量化とpreload(系統3)— WebP等への変換・適切なサイズでの配信・rel="preload"の指定
- レンダリングブロックの解消(系統2)— 使っていないCSSの削減、同期スクリプトのdefer化
- CDNの利用(系統1)— 物理的な距離による遅延の削減
LCP画像のpreload指定例
<head>
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high" />
</head>注意点
測定値には「ラボデータ」(測定ツールが再現した値)と「フィールドデータ」(実ユーザーの値)があります。順位に関わるのは実ユーザー側です。ラボの点数を追いすぎず、Search ConsoleのCore Web Vitalsレポートで実ユーザーの状態を確認してください。
また、全ページを一律に最適化する必要はありません。流入の多いページ・コンバージョンに近いページから直すのが投資対効果の高い順序です。
よくある質問
LCPを直せば順位は上がりますか?
Core Web Vitalsは順位要素の1つですが、影響は内容の関連性より小さいとされています。「不良」を「良好」にする改善は価値がありますが、2.4秒を2.2秒にする改善に順位面の意味はほぼありません。
スコアがツールによって違います。どれを信じるべきですか?
測定環境が違うためです。順位の観点ではSearch Consoleに表示される実ユーザーデータ(CrUX)が基準になります。
関連記事
- CLSが大きい(表示中に画面がずれる)
CLSは「表示中に画面のレイアウトがどれだけずれたか」の指標です。読んでいた文章が急に下がる、押そうとしたボタンがずれて別のものを押す、という体験の数値化です。原因はほぼ3つに絞られ、いずれも対処法が確立しています。 - 表示速度改善の優先順位 — 全部やらないという判断
速度改善で最も多い失敗は、PageSpeed Insightsの指摘を上から全部潰そうとすることです。指摘には効果が10倍違うものが混在しています。この記事は「何をやるか」より「何をやらないか」を決めるための記事です。 - 画像のalt属性が設定されていない
alt属性は「画像が表示できないとき・見えない人のための代替テキスト」です。検索エンジンにとっては画像の内容を知る主要な手がかりで、スクリーンリーダー利用者にとっては画像の内容そのものです。ただし全画像に書けばよいわけではなく、書き方に原則があります。
この問題が自分のサイトで起きているかは、URLを入力するだけで確認できます。 無料で診断する / ルール一覧 / 料金プラン