広告スペースを予約する
レイアウト シフトを最小限に抑えるには、ページに広告用の十分なスペースを予約することが重要です。この例では、スペースを予約するさまざまな方法と、それらがレイアウトの安定性に与える影響を示します。
- スペースが予約されていない: 広告スロット コンテナのサイズが指定されていません。コンテナは最初は閉じられており、広告が埋まると展開されるため、ユーザーに見えるレイアウトがずれます。
- スペースの予約: 広告スロット コンテナのディメンションが指定されます。コンテナは常にページ上の一定のスペースを占有するため、レイアウトがずれることはありません。広告が読み込まれる前に空白が表示される。
- プレースホルダで予約されたスペース: 広告スロット コンテナのディメンションが指定されます。コンテナはページ上の一定のスペースを占有するため、レイアウトがずれることはありません。CSS を使用して空のコンテナにスタイルを適用し、広告が読み込まれる前に空白スペースが表示されないようにします。