CLS
CLS(Cumulative Layout Shift、累積レイアウトシフト)は、ページの読み込み中にレイアウトが予期せず移動してしまう度合いを測る指標です。例えば、遅れて画像や広告が現れてコンテンツが押し下げられたり、タップしようとしたときにボタンが動いてしまう、といった現象です。これは Google のの一つです。
スコアが0.1 以下なら良好、0.25 以上は不十分と見なされます。一般的な対処としては、画像や埋め込みのための領域をあらかじめ確保する(幅・高さ、またはアスペクト比ボックスを指定)、既存コンテンツの上に新しいコンテンツを挿入しない、遅れて差し替わる Web フォントの扱いに注意する、などがあります。
さらに詳しく
- Cumulative Layout Shift (CLS) - 指標の定義としきい値(Google)
- CLS を最適化する - 実践的な対処法