Cumulative Layout Shift (CLS) Google’ın web siteleri için geliştirdiği bir ölçüm bedelidir. Günümüzde yaygınlaşmaya başlayan bu kıymet, web sitesi sahipleri tarafından sıklıkla kullanılır. Kelamı edilen ölçüm metriği, web sitesini ziyaret eden bireylerin siteye tıkladığı andan başlayarak sitenin yüklendiği vakte kadar olan kısmı hesaplar. Bu vakit aralığı web sitenin geç yüklenip yüklenmediğini ya da site içerisindeki bozulmaları gösterir. Gelin, “CLS nedir?” diye merak edenler için bu kıymeti daha yakından tanıyalım.
İçindekiler
CLS Nedir?
Pek çok web sitesi sahibi “CLS nedir?” sorusunun karşılığı aramaktadır. Kısaca yanıt vermek gerekirse CLS, tam açılımıyla Cumulative Layout Shift, web sitesine giren bir kişinin birinci tıkladığı andan başlayarak web sitesinin büsbütün yüklenmesinin bittiği anı ölçen bir pahadır. Yani, bu metrik web sitesinin tıklama le yüklenme ortasındaki süreyi hesaplamakla vazifelidir. Google kontaklı olarak çalışan bu paha, web sitesi yüklenirken yaşadığı problemleri ve web sitesindeki nizam kaymalarını ölçer. Bunun yanında site içerisinde bulunan içeriklerin web sitesini bozup bozmadığını ve içeriklere erişimin kolay olup olmadığını da hesap eder.
CLS’de çeşitli kıymetler vardır. Bu bedeller üzerinden web siteniz puanlanır. Bu kıymetler PageSpeed Insights ve Google’ın geliştirici araçları ile ölçülebilir. Şayet skorunuz 0.1’in altında ise web siteniz hayli güzel bir performansa sahip demektir. Zira bu skor, CLS’nin en üst bedelidir. Ama skorunuz 0.1 ile 0.25 ortasında ise web sitenizi geliştirmeniz gerekir. Bunun dışında skorunuz 0.25’in üzerinde ise web siteniz üzerinde daha fazla çalışma yapmalısınız. Kelamı edilen bu skor ne kadar yüksekse, siteniz o kadar güzeldir ve içeriklerinizde de rastgele bir bozulma görülmez.
CLS değeri SEO için de hayli değerlidir. Skor ne kadar yüksek olursa, SEO performansı da o kadar başarılı olur ve içerikleriniz arama motorunda üst sıralarda görünür. Başka yandan bu kıymet, ziyaretçi memnuniyeti için de değerlidir. Sitenin süratli açılması ve içerikleri erişimin kolay olması ziyaretçileri şad eder. Bunlardan ötürü skorunuzu olabildiğince yükseltmeniz gerekir.
Google CLS Nedir?
Google temaslı olan CLS, Google’ın core web vitals metriklerinden birisidir. Google merkezli web sitelerin tecrübe ölçümlenmesinde kullanılan Cumulative Layout Shift, temel olarak web sitelerindeki tertip bozulmalarını ölçer. Bunun yanında sitenin suratını ve performansını da hesaplar. “Google CLS ne demek?” diye soranlar için kısaca bu yanıt verilebilir.
Google CLS, web sitesinin inceleyen bir kişinin inceleme esnasında imgenin aşağı üst kayması, içerik yüklenmesinde gecikme yaşanması, kayma uzaklığının uzaklığı üzere problemleri hesaplar. Bu hesaplamalar sonucunda bir skor çıkarır. Skor sonucuna nazaran web sitesinin performansı güzelleştirilir. Ölçüm için Google, Lighthouse kullanılır. Pekala Google Lighthouse nedir?
Cumulative Layout Shift ölçümleri, Google Lighthouse kullanılarak yapılabilir. Google Lighthouse web sitesinin suratından SEO performansında kadar ölçüm yapar ve bunların sonucunda bir skor ortaya çıkarır. Google Lighthouse skoru ölçerken aşağıdaki kıymetleri kullanır:
- İlk güçlü içerikli boyama
- Hız indeksi
- En büyük güçlü içeriksel boyama
- Etkileşim müddeti
- Toplam Engelleme Müddeti
- Kümülatif Nizam Kayma
Yukarıda yer alan kıymetlerden elde edilen skor web sitenizin performans skorudur. Her bir kıymetin skoru web sitenizde problemleri gösterirken, yapmanız gereken iyileştirmeleri gösterir. Yapacağınız uygunlaştırma sonucunda web sitenizin verimliliği artar.
CLS Nasıl Ölçülür?
“Shift ne demek?” diye merak edenler için shift hesaplanırken birtakım öğelerin ele alındığı söylenebilir. Bunlardan birincisi kararsız elemanlardır. Tarayıcı kararsız elemanları sayfaya yüklenirken yer değiştiren öğeleri arar. Sonrasında bu elemanların kayma tesiri hesaplanır. Bunun akabinde kararsız elemanların kayarken ne kadar yol aldığı ölçülür. Bunların hesaplanmasının sonucunda CLS skoru belirlenir.
CLS skoru, web sitesinin durumu hakkında bilgi verir. Skora nazaran web sitesinin tertibi, suratı ve performansı hakkında çeşitli datalar elde edilebilir. Şayet bu skor düşükse, web site içerisinde birtakım optimizasyonlar yapılmalıdır. Yapılması gereken optimizasyonlar, tertip kaymalarını engellediği üzere sitenin tıklanma sayısını da artırır. Bunun yanı sıra yapılan görüntü, reklam ya da görsellerin açılmasını kolaylaştırır.
CLS Neden Oluşur?
Cumulative Layout Shift, pek çok web sitesinde görülen bir problemdir. Web sitesinin sisteminde meydana gelen birtakım sıkıntılar nedeniyle oluşur. Bu duruma sebep olan kimi faktörler şu halde sıralanabilir:
- Web sitesine yüklenen reklam, fotoğraf ve görüntü üzere içeriklerin en ve uzunluk limitlerinin tarayıcılarda belirtilmemesi
- Web sayfasının üstünde bulunan elementlerin dinamik olarak sayfaya eklenmesi
- Web sitesinde kullanılan fontlardan kaynaklarının FOIT ve FOUT sıkıntıları
- HTTP/2 ve 3’ün büyük ölçüde azalmış olması
- DOM’u güncellemeden evvel ağ karşılığı bekleyen ögeler
- Geliştirilmemiş optimizasyon problemleri
“Layout nedir?” diye merak edenler buraya kadar yazılanları uygun anlamıştır. CLS’nin yaşanmaması için kesinlikle web sitesinin performansının takip edilmelidir. Bununla birlikte web sitesinde bu sorunu yaratan tüm ögeler tespit edilmeli ve gerekli düzenlemeler yapılmalıdır. Skor yükseltmek için web sitenizle tertipli olarak ilgilenmeniz ise hayli değerlidir.
CLS Nasıl Düzeltilir?
Web sitenizin tanınması ve daha çok tıklanması için CLS’yi optimize etmek kıymetlidir. Web sitenizde yapacağınız birkaç süreçle bu sorunu ortadan kaldırmak hayli kolaydır. İşte o süreçler:
- Web sitesine yükleyeceğini görsel ya da görüntülerin ebatlarını ve öbür özelliklerini <img> etiketi içerisine yazın.
- Web sitenizde reklam yer alacaksa tüm reklamın büyüklüğünü ve potansiyelini takip edin. Bunun için Google Chrome DevTools’tan yararlanabilirsiniz. Bu araç sayesinde reklamın web sitesinde kapladığı boyutu hesaplayabilirsiniz.
- Web sayfasında özel bir yazı fontun kullanılıyorsa ve bu yazı fontu sitenin sisteminde yoksa, tarayıcının bunu kullanabilmesi için o yazı fontunun indirmesi gerekir. Bu durum ise metnin web sitesine yüklenmesini zorlaştırır. Bunun için web sitesinin sisteminde yer alan yazı fontu tercih edilmeli ya da özel yazı fontu sisteme evvelden yüklenmelidir.
- Web sitesinde AJAX’a bağlı DOM farklılıkları varsa sunucudan gelen sonuçları ayırın. Bu durum reklam ve içeriğin idaresinde size kolaylık sağlayabilir.
Yukarıda belirtilen süreçler sayesinde kümülatif sistem kaymasından kurtulabilir, içerik ve reklam idaresinde rastgele bir sorun yaşamayabilirsiniz. Ayrıyeten yayınladığınız içeriklerin pek çok bireye ulaşmasına da yardımcı olabilirsiniz. Unutmayın, optimizasyon web sitenizin geleceği için son derece gerekli bir adımdır.
Web Siteleri için CLS Optimizasyonu Neden Kıymetlidir?
E-Ticaret, haber paylaşımı, kurumsal ya da şahsî hedefler için açılan web sitelerinin tertipli ölçümlerinin yapılması, sitenin dijital dünyada var olması için hayati bir adımdır. Zira ziyaretçiler tıkladıkları sitenin süratli bir halde açılmasını ve içeriklere erişimin kolay olmasını talep eder. Bu sebeplerden ötürü optimizasyonlar tertipli olarak yapılmalı ve skor olabildiğinde yükseğe çıkarılmalıdır.
“Shift nedir?” sorusunu soranlar için optimizasyonu web sayfasının SERP sıralamalarında üst sıralarda görünmesine katkı sağladığı cevabı verilebilir. Bu da tıklanma ve ziyaretçi oranının artması demektir. Bunun yanı sıra var olan gaye kitlenizin memnuniyeti de sağlanmış olurken, yeni ziyaretçiler de kazanmış olursunuz. Öte yandan web siteniz daha tanınır hale gelir. Bu da bulunduğunuz piyasa içerisinde rekabet etmenizi imkan tanır.
Optimizasyon SEO için de değerlidir. Zira web sitenize eklediğiniz içerikler arama motorlarında SEO sayesinde üst sıralarda görünür. Sorunun uygunlaşması, SEO ile oluşturulmuş içeriklerinizin pek çok şahsa ulaşmasını sağlar. Bunun yanı sıra yapacağınız optimizasyon SEO konusunda da düzenlemeler ve tahliller yapmanızda yol gösterici olacaktır.
Kümülatif Sistem Kayması, Google ilintili bir kıymettir. Bu bedel web sitesinin trafiğini, tertibini ve öbür ögelerini göz önünde bulundurarak bir skor ortaya çıkarır. Bu skor sitenin gelişmesi için yol gösterir. Web sitesinde görülen problemler bu usul sayesinde daha başa çıkılabilir hale gelir. Siz de web sitenizin hayatta kalması, daha verimli çalışması ve site trafiğinin için optimizasyon yapmayı ihmal etmemelisiniz.