CLSとは、ウェブページの表示中に発生するレイアウトのずれを評価する指標で、「Cumulative Layout Shift」（累積レイアウトシフト）の略です。

これは、ページが読み込まれる際にコンテンツが突然移動してしまう現象を数値化します。例えば、テキストを読んでいる途中で画像が急に表示されて文章がずれたり、ボタンをクリックしようとした瞬間に位置が変わって別のリンクを押してしまうことがあります。CLSは、このようなユーザーにとって不快な体験を防ぐために重要です。数値が低いほどレイアウトの安定性が高く、ユーザーは快適にページを閲覧できます。逆に、CLSの値が高いとユーザーの満足度が下がり、サイトから離れてしまう可能性があります。ウェブ開発者やデザイナーは、CLSを改善することでユーザー体験を向上させることができます。その方法としては、画像や広告のサイズを事前に指定したり、動的なコンテンツの読み込みを工夫することが挙げられます。これにより、ページの読み込み中に要素が予期せず移動するのを防ぐことができます。要するに、CLSはウェブページの視覚的な安定性を測る重要な指標であり、ユーザーがストレスなくコンテンツを楽しむために欠かせない要素です。