CLS
Sinonim: Cumulative Layout Shift
Ukuran seberapa banyak elemen halaman bergeser tak terduga saat dimuat, mengganggu kenyamanan membaca.
CLS (Cumulative Layout Shift) mengukur seberapa stabil tata letak sebuah halaman saat dimuat. Skor tinggi berarti elemen-elemen di halaman "meloncat" atau bergeser tanpa peringatan — biasanya karena gambar, iklan, atau font yang dimuat belakangan mendorong konten lain.
Penyebab Umum CLS Buruk
Gambar tanpa ukuran ditentukan — browser tidak tahu ruang yang harus disisakan sebelum gambar dimuat.
Iklan yang dimuat belakangan — mendorong konten di sekitarnya begitu iklan muncul.
Font kustom yang telat dimuat — teks berganti ukuran/posisi saat font akhirnya tampil.
Contoh Praktis
Anda sedang membaca artikel dan hendak mengeklik sebuah tautan — tiba-tiba sebuah gambar di atasnya selesai dimuat dan mendorong seluruh teks ke bawah, membuat Anda salah klik ke tautan lain. Itulah pengalaman buruk yang diukur CLS.
Mengapa Penting
CLS yang tinggi mengganggu kenyamanan membaca dan bisa memicu klik tidak sengaja — pengalaman yang membuat pengunjung frustrasi. Menetapkan ukuran (width/height) pada gambar dan menyediakan ruang tetap untuk iklan adalah perbaikan paling umum.