Kümülatif Mizanpaj Kayması, yani Cumulative Layout Shift (CLS), web için önemli bir metriktir ve sayfanın görsel olarak ne kadar kararlı olduğunu ölçer. Görsel kararlılık, sayfa ile etkileşime girmeden kaç tane beklenmeyen düzen kayması meydana geldiği ile hesaplanır. İçeriğin her değiştiğinde – bir bağlantıya tıkladığınız için değil – bir düzen kayması olarak sayılır.
Tüm bu süreçlerin toplamı, Kümülatif Düzen Kayması (CLS) puanını belirler.
Bir makaleyi kaç kez okudunuz ve içerik kaç kez bazı yeni reklamlar nedeniyle aşağı taşındı? Veya, yeni bir büyük resim aniden içeriği aşağı ittiği için bir düğmeye tıklamayı denediniz ve başka bir bağlantıya tıkladınız mı?
Tüm bu örnekler, sayfadaki bazı öğelerin kararsız olması ve sayfadaki konumlarının değişmesinden kaynaklanan mizanpaj değişiklikleridir.
Elementler farklı nedenlerle konumlarını değiştirirler. Örneğin, yeni bir resim veya ekranın üst kısmına (sayfanın üst kısmına) yüklenen bir reklam, bazı içerikleri aşağı inmeye ve sayfanın başka bir bölümünü işgal etmeye zorlar.
Bu deneyimin kullanıcılar için ne kadar can sıkıcı olduğunu hayal edebilirsiniz.
Bu nedenle Kümülatif Düzen Kayması, bir sayfanın kullanıcı deneyimini değerlendiren üç Temel Web Verisi ölçümünden biridir. CLS, Haziran 2021’de Sayfa Deneyimi sıralama faktörünün bir parçası olarak kullanıma sunulmuştur.
Kümülatif Düzen Kayması, Sayfa Hızı puanının %15’ini oluşturur ve kullanıcı deneyimi ve yeni sıralama faktörü için oldukça alakalı bir ölçümdür. Bu nedenle, SEO performansınızı da etkileyebilir.
İyi bir CLS Puanı Nasıl Olmalıdır?
Açıkladığımız gibi, CLS, sayfada meydana gelen tüm beklenmedik içerik değişimlerinin toplamıdır. Tüm işlemlerin toplamına göre, CLS notunuz Google’ın değerlendirmesini olumlu yönde geçebilir veya geçemez.
İyi bir CLS puanı 0,1’e eşit veya daha az olmalıdır.
0,1 ile 0,25 arasında bir CLS puanı, performansın “iyileştirmeye ihtiyaç duyduğu” anlamına gelir.
CLS 0,25’in üzerindeyse not “zayıf” olur.
Kümülatif Mizanpaj Kayması – Cumulative Layout Shift (CLS) Nasıl Bulunur ve Nasıl Ölçülür?
Hem Lab hem de Veri araçlarından CLS puanını ölçmenin birkaç yolu vardır. İşte kullanabileceğiniz en popüler araçlar:
⦁ Lighthouse (yalnızca Laboratuvar Verileri)
⦁ Sayfa Hızı Analizleri
⦁ Chrome Geliştirici Araçları (yalnızca Laboratuvar Verileri)
⦁ Chrome Kullanıcı Deneyimi Raporu (CrUX)
⦁ Search Console – Önemli Web Verileri Raporu
⦁ WebPageTest (yalnızca Laboratuvar Verileri)
⦁ GTmetrix (yalnızca Laboratuvar Verileri)
Mobil ve Masaüstünde 0,25 sn veya 0,1 sn’den Fazla Kümülatif Düzen Kayması Nasıl Onarılır?
WordPress sitenizde büyük düzen değişikliklerinden kaçınmak istiyorsanız, kötü bir CLS puanını (eklentilerle ve eklentiler olmadan) şu şekilde azaltabilirsiniz:
1. Genişlik ve Yükseklik Boyut Niteliklerini Görüntülere ve Video Öğelerine Ekleyin
2. Yazı Tiplerini Önceden Yükleyin (Ve Optimize Edin)
3. Reklam Alanları İçin Alanı ve Boyutu Ayarlayın
4. Gömmeler ve Iframe’ler için Alanı Ayarlayın
5. Dinamik İçeriği Ayarlayın
6. Animasyonlar için CSS Dönüştürme Özelliğini Tercih Edin
