CLS, sayfadaki içeriğin beklenmedik biçimde yer değiştirmesini ölçen temel hız ölçütüdür. Açılımı İngilizce cumulative layout shift. Bir düğmeye basmak üzereyken sayfanın kayması ve yanlış yere tıklamanız tam olarak bu ölçütün yakaladığı şeydir. LCP ve INP ile birlikte Google'ın üç Core Web Vitals ölçütünden biridir.
Nasıl hesaplanır?
Her kayma için iki sayı çarpılır: kayan öğelerin ekranın ne kadarını etkilediği ve ne kadar uzağa kaydıkları. Bu yüzden birimi yoktur; saniye ya da piksel değil, yalnız bir sayıdır. Kaymalar pencereler hâlinde toplanır. Aralarında 1 saniyeden az olanlar aynı pencereye girer, bir pencere en çok 5 saniye sürer ve CLS en yüksek puanlı pencerenin değeridir.
Google'ın eşiği nettir: 0,1 ve altı iyi, 0,25 üstü kötü. Değerlendirme mobil ve masaüstü için ayrı ayrı, gerçek kullanıcıların 75'inci yüzdeliği üzerinden yapılır.
En sık dört sebep
- Ölçüsü verilmemiş görseller. Tarayıcı görselin kaplayacağı yeri bilmediği için önce sıfır yer ayırır, görsel gelince alttaki her şeyi aşağı iter.
- Geç gelen yazı tipleri. Metin önce yedek yazı tipiyle çizilir, asıl yazı tipi gelince satır yükseklikleri değişir.
- Sonradan eklenen bloklar. Reklam, çerez şeridi, duyuru bandı içeriğin üstüne girip her şeyi kaydırır.
- Ölçüsü bilinmeyen gömülü içerik. Video, harita ve sosyal medya gömüleri.
Nasıl önlenir?
Kural tek cümle: Gelecek olan şeyin yerini önceden ayırın. Her görsele width ve height yazın; tarayıcı oranı bundan hesaplar. Bu kural tembel yükleme kullanılan görsellerde daha da önemlidir, çünkü onlar sayfa çizildikten sonra iner. Reklam ve duyuru alanlarına boşken de duran sabit bir yükseklik verin, yeni içeriği mevcut içeriğin üstüne değil altına ekleyin.
Yazı tiplerinde asıl dosyayı ön yükleyin ve yedek yazı tipini ölçüce yakın seçin; iki yazı tipinin satır yüksekliği birbirine ne kadar yakınsa kayma o kadar küçük olur. Hareket gerekiyorsa top ya da height gibi düzeni değiştiren özellikler yerine transform kullanın. Tarayıcı transform ile yapılan hareketi düzen kayması saymaz.
Nasıl ölçülür?
PageSpeed Insights iki sayı verir: laboratuvar ölçümü ve gerçek kullanıcı verisi. Laboratuvar yalnız açılışı görür; kaydırırken çıkan kaymayı kaçırabilir. Bu yüzden laboratuvarda 0 görüp gerçek kullanıcıda kötü değer almak mümkündür.
Kullanıcının başlattığı kayma ise hiç sayılmaz: Bir menüyü açtığınızda olan kayma, etkileşimden sonraki 500 milisaniye içindeyse ölçüte girmez. Tanımdaki "beklenmedik" kelimesi buradan gelir. Üç ölçütün sıralamaya nasıl yansıdığını Core Web Vitals yazısında anlattım.
Bu sitede ne gördüm
13 Eylül 2026'daki teknik denetimde 175 adres taradım; ölçüsü ya da alternatif metni eksik tek görsel çıkmadı. 13 Ekim 2026'da bu sayfayı PageSpeed Insights'ta mobilde üç kez ölçtüm, üçünde de CLS 0 geldi. 25 Ağustos'taki ilk gerçek kullanıcı ölçümünde ana sayfa da 0 vermişti. Tek ziyaret istatistik değildir, ama yerini önceden ayırmanın sonucu tam olarak budur.