レイアウト シフトの原因
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
公開日: 2025 年 10 月 8 日
レイアウト シフトは、ユーザーの操作がないにもかかわらず要素の位置が移動した場合に発生します。レイアウト シフトの原因を調査してください。たとえば、ページの読み込み時に要素が追加、削除される、フォントが変更されるなどの原因が考えられます。
この分析情報では、観察されたレイアウト シフトの原因について最良の推測が提示される場合があります。詳しくは、[パフォーマンス] パネルでレイアウト シフト トラックを確認するをご覧ください。原因が示されていない場合でも、すべてのレイアウト シフトを軽減できます。
この分析情報を渡す方法
CLS が「良好」(0.1)以上である。
レイアウト シフトの一般的な原因としては、次のようなものがあります。
- サイズ指定されていない画像
- 挿入された iframe(広告など)
- 最適化されていないアニメーション
- ウェブフォント - スタイルなしテキストのフラッシュ(FOUT)または非表示テキストのフラッシュ(FOIT)
その他の関連情報
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2025-10-08 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2025-10-08 UTC。"],[],[]]