レイアウト シフトの原因

Connor Clark
Connor Clark

公開日: 2025 年 10 月 8 日

レイアウト シフトは、ユーザーの操作がないにもかかわらず要素の位置が移動した場合に発生します。レイアウト シフトの原因を調査してください。たとえば、ページの読み込み時に要素が追加、削除される、フォントが変更されるなどの原因が考えられます。

この分析情報では、観察されたレイアウト シフトの原因について最良の推測が提示される場合があります。詳しくは、[パフォーマンス] パネルでレイアウト シフト トラックを確認するをご覧ください。原因が示されていない場合でも、すべてのレイアウト シフトを軽減できます。

この分析情報を渡す方法

CLS が「良好」(0.1)以上である。

レイアウト シフトの一般的な原因としては、次のようなものがあります。

  • サイズ指定されていない画像
  • 挿入された iframe(広告など)
  • 最適化されていないアニメーション
  • ウェブフォント - スタイルなしテキストのフラッシュ(FOUT)または非表示テキストのフラッシュ(FOIT)

その他の関連情報