LCP の最適化方法に関するよくある誤解 | Blog | web.dev

この投稿では、Chrome でサブリソース イメージ LCP があるページ ナビゲーションのデータを使用して、LCP のサブパートを確認しました。このようなデータは以前にも確認しましたが、フィールド データからは、ページの LCP を待つ間に実際のユーザーがどこに時間を費やしているかを確認することはできません。 <ph type="x-smartling-placeholder"> Core Web Vitals と同様に、CrUX データセットの各オリジンについて LCP サブパートごとに 75 パーセンタイル（p75）を取得し、p75 値の分布を 4 つ（サブパートごとに 1 つ）作成しました。これらの分布をまとめるために、4 つの LCP 下位区分のそれぞれについて、すべてのオリジンで値の中央値を取りました。 最後に、「良好」「改善が必要」「要改善」のいずれであるかに基づいて、オリジ