Cumulative Layout Shift (CLS) Nedir? Nasıl Optimize Edilir?

CLS (Kümülatif Düzen Kayması) Nedir?

CLS, bir web sayfasının ömrü boyunca meydana gelen her beklenmedik düzen kaymasının toplam skorunu ölçen kullanıcı deneyimi metriğidir. CLS skoru ne kadar düşükse, sayfa yüklenirken o kadar kararlı durur.

CLS Nasıl İyileştirilir?

• Görsellerinize ve videolarınıza mutlaka genişlik (width) ve yükseklik (height) nitelikleri atayın.
• Mevcut içeriğin üstüne dinamik olarak asla yeni içerik (reklam vb.) enjekte etmeyin.
• Yazı tiplerini önceden yükleyin (font preload).