概要
GoogleのJohn Mueller氏が、特定のLargest Contentful Paint (LCP)改善策がなぜ結果に結びつかないのかを説明する新しいケーススタディを紹介しました。ストアによってレイアウトが異なる場合、ブラウザが誤った要素に焦点を当ててしまい、その後の最適化が本来のLCPではなかった要素に向けられることがあります。
このケーススタディは、eコマースプラットフォームNuvemshopでの1年間のCore Web Vitalsへの取り組みを詳述しています。当初、チームは画像サイズやサーバー遅延が主な問題だと考えていましたが、分析の結果、ブラウザによるLCP要素の選択方法に問題があることが判明しました。
Nuvemshopでは、販売者がホームページのセクションを自由に配置できるため、カルーセルやバナーが様々な位置に表示されます。問題は、カルーセルやバナーのCSSトランジションから生じました。これらのトランジションが要素の可視化を遅らせ、買い物客は最初にカルーセルが読み込まれるのを見ても、ブラウザはトランジションの影響を受けない下部のバナーをLCP要素として誤って識別することがありました。
その結果、以前の最適化努力はLCPではなかった要素に集中してしまっていたのです。調査により、検出が誤ったフレームに押しやられるCSSトランジション、ファーストビューの画像を遅延させるlazy loading、優先度シグナルが欠けている重要な画像の3つの主な原因が特定されました。
Nuvemshopが実施したLCP改善策は主に3つあります。まず、トップセクションからCSSトランジションを削除し、瞬時に表示されるようにしました。これにより、ブラウザが遅延なくそれらをLCP候補として認識できます。
次に、トップセクションの最初の画像からloading="lazy"属性を削除しました。GoogleはLCP画像の遅延読み込みが常に読み込み遅延を引き起こすため、これを行わないよう警告しています。
最後に、LCP候補となる可能性が高い画像にfetchpriority="high"属性を追加しました。これはブラウザのプリロードスキャナーに、その画像をより早く取得するよう指示するものです。Nuvemshopは、このシグナルが本当にLCP候補となる要素に対してのみ発火するよう検証ロジックで囲んでいます。
これらの変更後、Nuvemshopの良好なLCPスコアを持つストアの割合は57%から96%に増加しました。また、年間を通じてサイト全体のCore Web Vitals合格率は48%から72%に向上。モバイルからのオーガニック検索訪問者では、コンバージョン率が8.9%増加し、カートエンゲージメントも8.4%上昇したと報告されています。これらの数値は自己報告であり、方向性を示すものと解釈すべきです。
解説
このケーススタディは、Core Web Vitals、特にLCP（Largest Contentful Paint）の最適化において、表面的な改善だけではなく、「何を最適化しているのか」を正確に理解することの重要性を浮き彫りにしています。サイトのレイアウトが多様である場合や、カスタマイズ性が高いプラットフォームを使用している場合、ブラウザがユーザーの期待とは異なる要素をLCP要素として認識している可能性を常に考慮すべきです。
特に、CSSトランジションが適用されたカルーセルやバナーがファーストビューにある場合、それが実際にLCP要素の検出を遅らせ、ユーザーに見えない、あるいは下部にある要素をブラウザがLCPと誤認してしまうことがあります。これは、画像圧縮やサーバー応答時間の改善だけでは解決できない根本的な問題です。
具体的な対策としては、まずPageSpeed Insightsなどのツールを使って、自身のサイトのLCP要素が実際に何を指しているのかを正確に把握することが肝要です。もし、ファーストビューの重要な画像やコンテンツにCSSトランジションやlazy loadingが適用されている場合は、それらを解除し、即座に表示されるように修正を検討しましょう。
また、LCPとなる可能性のある重要な画像にはfetchpriority="high"のような優先度ヒントを適切に設定することで、ブラウザがそれらをより早く読み込むように促すことができます。ただし、この属性は乱用せず、本当に重要な数枚の画像に限定することがGoogleからのアドバイスです。
Nuvemshopの事例が示すように、これらの技術的な改善は、単にCore Web Vitalsのスコアを向上させるだけでなく、コンバージョン率やユーザーエンゲージメントの向上といったビジネス成果にも直結する可能性があります。GoogleはCore Web Vitalsをランキング要因の一部と位置づけていますが、それ以上に「ユーザー体験の向上」という視点で捉え、積極的に取り組むべきでしょう。
- 掲載元: Search engine journal
- 公開日: 2026-07-02T22:50:47+00:00
Google’s Mueller Flags A Case On Why LCP Fixes Miss the Target via @sejournal, @MattGSouthern
