Cumulative Layout Shift Nedir?
Web sitelerinin kullanıcılara sunduğu, SEO uyumlu olan tüm kullanıcı deneyimleri dolaylı yoldan SEO skorunu da etkilemektedir. Google’ın web siteleri üzerinde son zamanlarda uyguladığı yeni ölçümlerden biri olan Cumulative Layout Shift kavramı, site ziyaretçilerinin sitedeki bir içeriği okudukları süreçte yaşadığı deneyimde memnuniyetini düşüren kayma durumunu ölçümlemektedir. Kısaltılmış haliyle CLS, bir sayfanın yüklendiği süreçteki ilk milisaniyelerinde görülmemekte olan ancak daha sonra yüklenmeye başlayarak sayfada kaymaya neden olan temel öğelerin belirlenmesini sağlayarak kayma miktarının ne olduğunun hesaplanmasına yardımcı olmaktadır. Normal şartlarda bir web sitesini ziyaret ettiğinizde, içeriğin yazı olan kısmı hızlı bir şekilde yükleniyor olsa da bu içeriğin en başında ya da içerisinde bulunan videolar ya da görseller aynı hızda yüklenemeyebilir. Bu tip durumlarda kullanıcılar görsellerin yüklenmesini beklemeden içeriği okumaya devam etseler de, görsel ve videolar yüklendikleri an sayfada aniden kayma meydana gelerek kullanıcı deneyimini olumsuz yönde etkilemektedir. Kayma Etkisi Nasıl Hesaplanır? “Impact Fractation” olarak bilinen kayma etkisi, web sitelerinde yaşanan kayma durumlarının sitenin görüntü deneyiminin ne derece kötü etkilendiğini bizlere göstermektedir. Bunun anlamı, kayma gerçekleşmeden önceki sayfa görüntüsünün ve kayma gerçekleştikten sonraki sayfa görüntüsünün karşılaştırılarak aradaki farkın, görüntülenen alanların kıyaslanmasının yapılabilmesi ve böylelikle kötü etkilenmenin ne derece gerçekleştiğinin öğrenilmesi mümkün olur. Cumulative Layout Shift Skorunun Küçük Çıkması İçin Ne Yapılmalıdır? Cumulative layout shift kontrolü için ölçümlenmesine ve sayfada var olmasına engel olunması gereken bir takım durumlar vardır. Bunlara dikkat edilmediği sürece CLS skorları mutlaka yüksek çıkacak ve site kalitenizi düşürecektir. CLS skorunu düşürecek tüyoları ise şu şekilde özetleyebiliriz; Web sayfanızda yer alan her türlü reklamın, çerçevenin ve yerleştirmelerin mutlaka boyutları belirlenmelidir. Boyutları belirlenmeden sayfaya alınan bu faktörler, sayfanız açıldığında boş alan artışına neden olacağı için kayma yaratabilmektedir. Bu nedenle bu boyut belirlenmelerinin yapılmasının yanında özellikle görüntülenme alanı içerisinde bulunan tüm reklamların siteden uzak tutulması gerekmektedir. Site hızı her alanda önemli olduğu gibi bu skorun hesaplanmasında da oldukça önemlidir. Yavaş açılan sitelerde ister istemez sayfada donukluk, beyaz alan gibi sorunlar yaşanacağından devamında kaymaların görülme sıklığı da bir hayli fazladır. Bu nedenle site hızının olması gereken değerlerde olmasına özen gösterilmelidir. Sitelerde yer alan içeriklerde kullanılan yazı tiplerinin bazılarında yüklenme esnasında boşluk bir alan yarattığı gözlemlenmiştir. Bu tip durumlarda yüklenme konusunda sorun yaşanmaması için, dolaylı olarak da kaymanın meydana gelmemesi için kayma yaratacak yazı fontlarından uzak durulması önerilmektedir. CLS skoru için istenmeyen yüksek değerleri ortaya çıkaran durumlardan bir tanesi de içerikte yer alan dinamik öğelerdir. İçeriğe otomatik şekilde yeni içerik eklenmesine neden olan bu öğeler, sayfadaki mevcut düzenin değişmesine de neden olacağından kullanıcıların istekleri haricinde dinamik öğelerden uzak durulması gerekmektedir. Son olarak sitedeki görsel konusuna değinirsek, sayfalarda boyutları belli olmayan görsellerin yer alması CLS skorunu yükseltecek durumlardan denilebilir. Bu durumun önüne geçilebilmesi için sayfalara yüklenen her bir görselin uzunluk ve genişlik boyutlarının belirlenmiş olması ve CSS boyut oranı alanlarının doldurulması önerilir. CLS Nasıl Ölçümlenmektedir? Cumulative layout shift ölçümü yapılırken kullanılan formül “ Kayma etkisi x Kayma mesafesi” şeklindedir. Sitedeki görüntü alanlarını oluşturan çerçevelerin ve görüntü alanlarının boyutları inceleme altına alınarak, sorun yaratan elementlerin hareket durumları incelenir. “Unstable” olarak da bilinen bu durum, sitede milisaniyeler içinde içeriğin yer değiştirmesi anlamına gelir. Unstable durumu hesaplanırken hareketin meydana getirdiği kayma mesafesinin oranı ile etki oranı çarpılarak CLS skoru elde edilmelidir. CLS Skorlarının Anlamları Nelerdir? 0.1 ve altı skorlar: İyi bir CLS skoruna sahip olduğunuzu gösterir. SEO açısından oldukça verimli bir durumdur. 0.1 – 0.25 arası skorlar: Sitenizin bu konuda geliştirilmeye ihtiyaç olduğu anlamına gelmektedir. 0.25 ve üzeri skorlar: Zayıf bir cumulative layout shift skoru anlamını taşır. Bu değerlerde CLS skoruna sahip olan sitelerde kullanıcılar mutlaka kayma durumuyla karşı karşıya kalmaktadır. Acil bir şekilde konuyla alakalı önlem almanız önerilir.