CLS (Cumulative Layout Shift) (Cumulative Layout Shift): Sayfa yüklenirken veya kullanım sırasında öğelerin beklenmedik şekilde yer değiştirmesini ölçen görsel kararlılık metriğidir.
CLS (Cumulative Layout Shift) ne anlama gelir?
Okurken metnin aşağı kayması veya tıklanacak düğmenin son anda yer değiştirmesi kötü CLS belirtisidir. 0,1 ve altı iyi, 0,25 üstü kötü kabul edilir.
Boyutu belirtilmemiş görseller, sonradan yüklenen reklam ve banner'lar, web fontlarının geç yüklenmesi ve dinamik olarak eklenen içerikler başlıca nedenlerdir. Görsellere width/height vermek ve reklam alanları için yer ayırmak sorunu büyük ölçüde çözer.
Örnek
Çerez banner'ı sayfanın üstüne değil, alttan sabit bir katman olarak açıldığında içerik kaymaz ve CLS düşer.
İlgili terimler
- Site Hızı & Core Web VitalsCore Web VitalsGoogle'ın gerçek kullanıcı verisiyle ölçtüğü yükleme hızı (LCP), etkileşim yanıtı (INP) ve görs…
- Site Hızı & Core Web VitalsLCP (Largest Contentful Paint)Sayfada görünür alandaki en büyük görsel veya metin bloğunun ekranda ne kadar sürede oluştuğunu…
- Algoritmalar & PolitikalarKullanıcı Deneyimi (User Experience)Bir kullanıcının ürün, hizmet veya web sitesiyle etkileşimi sırasındaki tüm algı, duygu ve dene…
Bu konuyu sitenizde birlikte ele alalım
CLS (Cumulative Layout Shift) ve benzeri konuları markanızın hedefleriyle birlikte değerlendiriyor, uygulanabilir bir yol haritasına çeviriyoruz.
Web Sitesi Geliştirme →