CLS Nedir?
Layout stability metriği. Öğeler yüklenirken yer değiştirirse CLS artar. Her shift için puan hesaplanır; toplam CLS skoru oluşur.
Neden Önemlidir?
Core Web Vitals sıralama faktörü. Kötü CLS kullanıcı deneyimini bozar; yanlış buton tıklama. Google Page Experience sinyali.
Nasıl Çalışır?
Görsel, iframe, reklam için width/height veya aspect-ratio belirtilir. Font yüklemede FOIT/FOUT önlenir. Dinamik içerik için placeholder kullanılır.
Dikkat Edilmesi Gerekenler
- Görsellere width ve height ekleyin; aspect-ratio CSS ile.
- Reklam alanları sabit boyutla ayrılmalıdır.
- Web fontlar için font-display: optional veya size-adjust.
Sık Sorulan Sorular
İyi CLS skoru nedir?
0.1 altı iyi, 0.1-0.25 iyileştirilmeli, 0.25 üstü kötü. Google 0.1 altı hedeflenir.
CLS nasıl düzeltilir?
Görsel/iframe/reklam boyutları belirtin. Dinamik içerik için alan ayırın. Font yükleme stratejisi optimize edin.
CLS sıralamayı etkiler mi?
Evet. Core Web Vitals Page Experience sinyali. Mobil sıralamada özellikle önemlidir.