広告関連のレイアウト シフトを減らす

概要

Cumulative Layout Shift では、Layout Instability API を使用して、ユーザーが認識できるレイアウト シフトの合計量を測定します。このレイアウト シフトのスコアを、広告 iframe が移動した場所、またはレイアウト移動の原因となったすべてのレイアウトシフトについて合計します。

おすすめ

この指標は特定の問題を示すものではありません。改善点を特定して、その改善状況を経時的に追跡するために使用します。

レイアウト シフトを回避するには、広告タグが読み込まれる前に広告要素のサイズを設定することが重要です。特に、動的にサイズ変更される広告を受け入れる広告スロットでは、完全に実行することは困難または不可能です。ただし、ほとんどの場合は、レイアウトの移動を最小限に抑えるためのベスト プラクティスを利用できます。詳しくは、GPT デベロッパー サイトのレイアウト シフトの最小化に関するガイドをご覧ください。

詳細

Cumulative Layout Shift(CLS)

Cumulative Layout Shift を最適化する