Cumulative Layout Shift とは？
Cumulative layout shift（CLS）とは、読み込み中にページコンテンツがどれだけ予期せず動くかを定量化する Core Web Vitals の指標です。各シフトは、要素がどれだけ動き、ビューポートのどれだけに影響するかで採点され、そのスコアが累積されます。低い CLS は、ユーザーの下で跳ねない安定したレイアウトを意味します。
なぜ重要か
レイアウトのシフトは、ユーザーがタップしようとした瞬間にボタンが動くと、いらだたしい誤クリックを招きます。画像や広告のためにスペースを確保すると CLS を低く保て、CI のチェックでリグレッションを検出できます。
関連ガイド
What Is Largest Contentful Paint?Largest contentful paint measures when the largest visible element, such as a hero image or heading block, fi…
What Is a Performance Score?A performance score is a composite number, often zero to one hundred, that a tool computes by weighting sever…
What Is a Loading Skeleton?A loading skeleton is a placeholder UI that mimics the shape of content while it loads, giving a sense of str…