CLS (Cumulative Layout Shift) Nedir?


Cumulative Layout Shift kararsızlığı ölçer. Görünür bir öge kullanıcı istemediği hâlde her yer değiştirdiğinde browser bir kayma puanı kaydeder. Bu puan ekranın ne kadarının etkilendiğinden ve ögelerin ne kadar yol aldığından oluşur. Metrik toplam değil, oturum penceresi içindeki en büyük kayma öbeğini raporlar.

Google'ın eşiği 75. yüzdelik dilimde 0,1 ve altıdır. 0,25 üzeri zayıf sayılır.

Gerçek nedenlerin neredeyse tamamı ayrılmamış alandır. Genişlik ve yükseklik niteliği olmayan bir görsel yüklenene kadar sıfır yükseklikte durur, sonra yazıyı aşağı iter. Çerez bandı ekranın üstüne kendini sokar. Farklı metriklere sahip bir web font devreye girip paragrafı yeniden akıtır. Reklam alanı geç dolar ve ziyaretçinin dokunmak üzere olduğu butonu kaydırır.

Çözümler de aynı ölçüde somuttur. Her görsele ve gömülü içeriğe açık boyut ya da en boy oranı verin, reklamların ve bantların kaplayacağı alanı önceden ayırın, fontları preload edip yedek font metriklerini eşleyin ve ziyaretçi istemediği sürece mevcut içeriğin üstüne yeni içerik eklemeyin.

Test ederken yalnızca ilk açılışa bakmamak gerekir. Kayma çoğu zaman kullanıcı sayfada aşağı indikçe, lazy loading devreye girdikçe ya da bir modül geç yüklendikçe ortaya çıkar. Sayfayı sonuna kadar kaydırıp öyle ölçmek, gerçek kullanıcı verisiyle laboratuvar sonucu arasındaki farkın büyük kısmını açıklar.

Teknik denetimlerden performans odaklı büyüme modellerine kadar ekibinize özel SEO danışmanlığı çözümlerimizi keşfedin.
Bir SEO uzmanıyla görüşün