Core Web Vitals事例

CLSのデモ

これはCumulative Layout Shift (CLS) の検証デモサイトです。CLSとはレイアウトの移動量を示す指標です。 2021年5月からCLSを始めとするCore Web Vitalsがページエクスペリエンスのひとつに組み込まれます。

公式サイト(web.dev)で紹介されているCLSのズレによるユーザーの誤クリックのフォームを再現してみました。