Kullanıcının Sabrını Taşıran Kaymalar: CLS

Okumaya çalıştığınız metnin bir anda aşağı kayması veya tam tıklayacakken butonun yer değiştirmesi kadar kötü bir deneyim azdır. Google, CLS metriği ile bu istikrarsızlığı ölçer.

CLS Neden Oluşur?

  • Boyutları belirtilmemiş görseller.
  • Gecikmeli yüklenen fontlar (FOIT/FOUT).
  • Dinamik olarak eklenen reklam alanları veya widget'lar.

Çözüm Yolları

Tüm görsel ve videolarınız için `width` ve `height` değerlerini mutlaka belirtin (veya `aspect-ratio` kullanın). Font yüklemeleri için `font-display: swap` kullanırken, fallback fontun boyutlarını ana fontla hizalamaya çalışın.