Tanım
CLS bir görsel istikrar metriğidir. Beklenmedik düzen kaymaları (asenkron yüklenen banner, yer ayrılmamış görsel, web font swap) skoru artırır.
Nasıl çalışır
Tarayıcı her yeni layout adımında etkilenen alanın yüzdesini ve hareket mesafesini çarpar. Tüm shift değerleri toplanır. Kullanıcı etkileşimini takip eden 500ms içinde gerçekleşen shift'ler hesaba katılmaz (expected shift). Pencere boyutu, görsel için width/height bildirimi olup olmaması, font-display ayarı CLS'yi etkiler.
Scope Trends'te nerede karşılaşırsınız
Core Web Vitals raporu CLS değerini 75. yüzdelik dilimde verir. Site Tarama her sayfada en büyük layout shift adayı element ve neden raporlar.
Sık sorulan sorular
CLS nasıl düşürülür?
Görsele width/height bildirin, font-display: optional veya swap + size-adjust kullanın, dinamik içerik için yer ayırın.
Modal açılışı CLS sayar mı?
Kullanıcı tetiklediyse expected shift sayılır ve skoru etkilemez. Otomatik açılan modal sayar.