Cumulative Layout Shift Nedir?
Sayfa yüklenirken layout kayması toplamı. Görsel kararlılık metriği. CLS. Core Web Vitals.
Neden Önemlidir?
Core Web Vitals; sıralama faktörü. Kullanıcı deneyimi. Yanlış tıklama, sinir.
Nasıl Çalışır?
Her kayma için skor hesaplanır. Toplam = CLS. Boyut belirtilmemiş görsel, font, ad inject. 75. persentil.
Dikkat Edilmesi Gerekenler
- Görsel ve video için width/height; reserve space. Font swap dikkat.
- Reklam, embed alanı reserve edilmeli.
- User interaction sonrası kayma (0.25 saniye içinde) sayılmaz.
Sık Sorulan Sorular
CLS hedef değer nedir?
CLS < 0.1 iyi. 0.1-0.25 iyileştir. >0.25 kötü. 75. persentil. Core Web Vitals sınıflandırması.
CLS nasıl iyileştirilir?
Görsel/video width-height. Font size-adjust. Reklam alanı reserve. Dinamik içerik yukarıdan ekleme. aspect-ratio CSS.
CLS ve LCP farkı?
CLS: görsel kararlılık, kayma. LCP: yükleme hızı, en büyük element. İkisi farklı CWV metrikleri. Ayrı optimize.