GoogleのMueller氏が指摘するLCP改善の落とし穴
サマリー
Googleのケーススタディによると、LCPの問題はブラウザが間違った要素を測定することに起因しており、最上部の画像を優先的に読み込むことで改善できる。Nuvemshopはこの手法を用いてLCPスコアを大幅に向上させ、モバイルでのコンバージョン率も上昇した。最適化の際は、実際にブラウザがLCPとして認識する要素を確認することが重要。
本文
Googleの検索アドボケートであるジョン・ミューラー氏は、特定のLargest Contentful Paint（LCP）改善がなぜ効果を発揮しないことがあるのかを説明する新しいケーススタディを紹介しました。このスタディによると、問題は重い画像ではなく、ブラウザが間違った要素を測定していることに起因しています。解決策は、最上部の画像を優先的に読み込むことと、ブラウザにその優先度を伝えることです。Nuvemshopは、LCPとCore Web Vitalsのスコアが向上し、モバイルショッピングの数値も改善したと報告しています。ミューラー氏は、カスタマイズ可能なレイアウトがブラウザがLCPとして測定する要素を歪める可能性があることを指摘しています。
