# CLS nedir?

> CLS (Cumulative Layout Shift), sayfa açılırken ve kullanılırken içeriğin beklenmedik biçimde yer değiştirmesini ölçen Core Web Vitals metriğidir. Birimsiz bir puandır; 0,1 veya altı iyi, 0,25'in üstü zayıf kabul edilir.

Kaynak: https://flatinium.com/sozluk/cls · Flatinium SEO ve GEO Sözlüğü

Diğer adları: Cumulative Layout Shift, kümülatif düzen kayması, düzen kayması

Okumaya başladığınız metnin bir anda aşağı kayması ya da tıklamak üzere olduğunuz düğmenin yerine reklam gelmesi düzen kaymasıdır. CLS, bu kaymaların ne kadar büyük alanı ne kadar uzağa taşıdığını hesaplar ve en kötü kayma penceresini raporlar.

Kullanıcının kendi etkileşiminden hemen sonra (yaklaşık yarım saniye içinde) gerçekleşen kaymalar beklenen kabul edilir ve hesaba katılmaz. Sorun, kullanıcının bir şey yapmadığı halde içeriğin oynamasıdır.

Tipik sebepler: genişlik ve yüksekliği belirtilmemiş görseller ve iframe'ler, sonradan yüklenen reklam ve çerez bantları, web yazı tipinin yüklenince metnin boyutunu değiştirmesi, içerik üstüne dinamik olarak eklenen öğeler. Çözüm, bu öğeler için önceden yer ayırmaktır.

## Sitenizde nasıl kontrol edilir?

1. PageSpeed Insights'ta CLS değerine ve düzen kaymasına yol açan öğelere bakın.
2. Chrome geliştirici araçlarında Rendering sekmesinden “Layout Shift Regions” seçeneğini açarak kaymaları görün.
3. Görsel ve iframe etiketlerinde width ve height öznitelikleri olduğundan emin olun.

Birincil kaynak: [web.dev: Cumulative Layout Shift (CLS)](https://web.dev/articles/cls)

İlgili terimler: https://flatinium.com/sozluk/core-web-vitals, https://flatinium.com/sozluk/lcp, https://flatinium.com/sozluk/inp, https://flatinium.com/sozluk/sayfa-hizi