Dijital Görünürlük, Web & AI

CLS

Diğer kullanım: Cumulative Layout Shift
Diğer kullanım: 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?

MedyaBudur'da görsel ve font yükleme davranışı, cookie banner kullanılmaması ve dinamik bileşenler tasarım stabilitesi açısından kontrol edilmelidir. CLS, estetik kadar işlevsel kullanıcı deneyimi metriğidir.