Dijital Görünürlük, Web & AI
CLS
- Diğer kullanımlar
- Cumulative Layout Shift · CLS
Hızlı Tanım
CLS, kullanıcı etkileşimi dışında oluşan beklenmedik görsel yer değiştirmelerin toplam etkisini ölçen Core Web Vitals metriğidir; iyi skor 0,1 veya daha azdır.
Kavramın Açıklaması
Görsel boyutlarının belirtilmemesi, sonradan eklenen reklam alanları, font değişimleri veya dinamik içerikler kullanıcı okurken sayfanın kaymasına neden olabilir.
web.dev'in güncel Core Web Vitals eşiklerinde iyi CLS ≤0,1, zayıf CLS >0,25'tir. Skor zaman değil boyutsuz bir ölçüdür.
Her layout shift kötü değildir. Kullanıcının tıklaması sonrasında beklenen açılır panel gibi etkileşim kaynaklı değişimler CLS hesabında farklı değerlendirilebilir.
Neden Önemli?
Sayfa yüklenirken görsellerin, fontların, reklam alanlarının veya dinamik bileşenlerin beklenmedik biçimde yer değiştirmesi kullanıcıların yanlış öğeye tıklamasına ya da okuma akışının bozulmasına neden olabilir. CLS bu görsel kararlılığı ölçmeye yardımcı olur; bu nedenle yalnız estetik değil, kullanılabilirlik ve güvenilir etkileşim açısından da önemlidir.