TL;DR

ページのライフサイクル全体で起きる予期しないレイアウトシフトのうち、最も大きなまとまり(バースト)のスコアを表す指標。Core Web Vitals の 1 つである。

仕組み

レイアウトシフトのバースト(セッションウィンドウ)とは、1 つ以上のレイアウトシフトが続けて起きることを指す。各シフトの間隔は 1 秒未満で、ウィンドウ全体の長さは最大 5 秒である。

個々のシフトのスコアは「影響の割合 × 距離の割合」で求める。影響の割合は、動いた要素が前後のフレームで占める面積のビューポートに対する割合である。距離の割合は、要素が動いた最大の距離をビューポートの長辺で割った値である。web.dev では、0.1 以下を良好、0.25 を超えると不良としている。

注意点

タップ、クリック、キー入力の 500 ミリ秒以内に起きたシフトは、ユーザの操作によるものとして計算から外せる。スクロールやドラッグは、この操作に含まれない。

関連

出典