İnternet üzerindeki kullanımların artması ve insanların site hızlarını önemsemesi ile beraber “Lazy loading nedir?” sorusu da sıklıkla sorulmaya başlanmıştır. Gelin lazy loading ne demekmiş beraber inceleyelim.
Lazy loading, size ait sayfanın yüklenmesi sırasında, bu yüklenmenin hızlandırılması için sayfaya ait ögelerin ertelenmesi demektir. Bu durum, kullanıcıların sitenize girmesi için çok önemlidir. Eğer bir kullanıcı siteye girerken ögelerin yüklenmesini beklerse, kendisine alternatif olarak başka bir site arayacaktır. Yapılan işlemlerdeki ana hedef, fikir ve kritik oluşturma yolunun uzunluğunu ya da kullanıcının sayfaya girerken ki sayfaya ait olan alt LCP’ye ulaşması için gereken süreyi azaltmaktır.
LCP, En Büyük İçerikli Boya anlamına gelir. Bu ise yükleme hızı olarak bildiğimiz hızı söylemenin süslü bir halidir. Fakat bu hızı bu şekilde telaffuz ediyor ve kullanıyor olmak çok önem arz eder. Bunun sebebi ise Google’ın bu isim ile hitap ediyor, tanımlıyor oluşudur.
En büyük içerikli Ağrı, sayfaya ait olan ana içeriğin yüklenme zamanındaki çizelgeyi işaretlemektedir. LCP, bu anlamda her zaman sayfa hızı ve kullanıcı deneyimi olarak belirleyici bir unsur olmuştur. Bunun yanında, Google tarafından öne sürülen web verileri, bu hız ve kullanıcı deneyimi konusunda çok daha önemli bir faktör olmaya başlamıştır.
Google tarafından Mayıs 2022 tarihinde kullanıma sunulan önemli web verileri, siteye ait olan teknik sağlık için temel gereksinimler olarak görülebilir. Bu veriler, Google üzerinde yer alan ve kullanıcı deneyimlerine erişilebilen, değerlendirme şansı bulunabilen verilerdir. Bu veriler, bir dahaki yılın Mayıs ayı içerisinde kullanıcı deneyimi ve web sitesi performansını baz alarak kritik sıralama faktörleri haline getirecek olan Sayfa Deneyimi güncellemesine ait ayrılmaz birer veri parçalarıdır.
Google, sağlıklı bir sıralama oluşturabilmek için kullanıcı deneyimlerini baz alan yeni teknik gereksinimleri olmuştur. Bu gereksinimler, sunulmakta olan lazy loading ile karşılanır. Bu gereksinimler ile beraber hız, Google sıralamaları içerisinde kritik bir öneme sahip olan bir unsur olmaktadır. Fakat bunun yanında, Önemli Web Verileri’nin piyasa içerisine sunulması ve Sayfa Deneyimi Güncellemesi’nin yapılacağının duyurulması, önümüzdeki yıllarda organik trafik elde edilirken etkileyici bir faktör olacak olan rulo sayfa hızı değişimlerinin de duyurulması demektir.
Önemli Web Verileri’ne ait olan son iki bileşen İlk Giriş Gecikmesi (FID) ve Kümülatif Düzen Kayması’dır (CLS). Bu bileşenler, kullanıcının sayfaya giriş yapması ile beraber nasıl bir etkileşimde bulunduğuyla alakalı bileşenlerdir. Sayfa içerisinde yer alan ve kritik bir öneme sahip bulunmayan ögeler, sayfanın çok daha hızlı yüklenebilmesi ve iyi bir kullanıcı deneyimi sunulması için geciktirilerek yüklenilen ögelerdir. Bu sayede kullanıcılar çok daha hızlı siteye girebilerek elde tutulmuş olur.
Sitenizin lazy load’a ihtiyacı olup olmadığını nasıl anlarsınız?
Sitenizin yavaş bir hareket kabiliyetine sahip olması, sizin kesinlikle tembel yükleme yapmanızı gerekmez. Sayfa hızına dair yapacak olduğunuz bir optimizasyon, sitenizin PageSpeed Insights ya da GTmetrix gibi bir sayfa hızı performans aracı ile tanışmasını sağlayacaktır.
PageSpeed içerisinde resimler için yavaş yükleme uygulamalarını gerektirebilecek öneriler alabilirsiniz. Fakat bunların yanında, aşağıda verilen hız optimizasyonlarına ait önerileri kesinlikle alacaksınız:
- Gzip sıkıştırmasını aktif etme
- CSS, JavaScript ve HTML’yi küçültme
- Yönlendirmelerin sayısını azaltma
- Oluşumu engelleyen JavaScript uygulamasını kaldırma
- Tarayıcıya ait önbellekten yararlanma
- Sunucuya ait yanıt süresini iyileştirme
- İçerik dağıtım ağını kullanma
- Resimleri ve videoları optimize etme
Burada yapılan işlemler ile belirtilen fikir, sitenize ait sayfa hızını artırma amacı ile bazı ögeleri kaldırarak bazılarına öncelik vermektir.
“Ekran dışındaki görüntüleri ertele” uyarısı ile karşılaşırsınız, bu öneri ile beraber görüntüler için yavaş yükleme özelliği devreye girmektedir. Bu öneri, sizin kesinlikle yavaş yüklemeye ihtiyaç duyduğunuzu gösterir. Sitenizde yer alan sayfalardan hangilerinin LCP sorunlarına sahip olduğunu görmek için Search Console içerisindeki Önemli Web Verileri raporlarını inceleyebilirsiniz. Google, iyi çalışan bir LCP’nin dört saniyede ya da daha kısa sürede işe yarayacağını tanımlamaktadır. Bu, lazy loading için önemli bir ayrıntıdır.
Bir sayfaya ait olan LCP 4 saniyeden daha uzun sürüyorsa, bu alanda mutlaka geç yükleme yapmanız gerekmez. Fakat bu rapor, site içerisindeki yavaşlığa dair size güzel bir rapor sunacaktır. Bu raporlar ile biraz önce paylaşılan hız araçlarını kullanabilir ve lazy loading için çalışmalarda bulunabilirsiniz.
Lazy load nasıl uygulanır?
Lazy load çalışmasını kendiniz uygulamaya çalışıyorsanız, yüksek ihtimalle başarılı olamayacaksınız. Başarılı bir çalışma gerçekleştirmeniz için kesinlikle bir uzman geliştirici olmanız gerekir. Bu alanda seo ajans olarak çalışan kurumlar ya da seo uzmanı olan kişiler size yardımcı olabilirler.
WordPress kullanan kişiler için geliştirilen birkaç tembel yükleme uygulaması vardır. Bu eklentiler arasında en çok kullanılanı ise Lazy Load ve Smush uygulamasıdır. Smush, görüntü optimizasyonu olarak mükemmel bir çözüm olup SEO için birçok görüntü sıkıştırma, yavaş yükleme ve görüntü dönüştürme özelliği sağlar.
Bunların yanında, içerik yönetim sisteminize bağlı olarak ister Shopify isterseniz de WordPress kullanıyor olun, geç yükleme işlemleri bazen eklenti uygulamak kadar basit bir işlem olmayabilir. Shopify, genel olarak kendi lazy load uygulamasını önermektedir. BigCommerce ise Blueprint ve Stencil gibi yaygın temalar arasında geç yüklemeyi destekleyen eklentilerine sahiptir.
Eğer bu uygulamaların tamamı sizi aşan bir durumdaysa, orijinal halimize geri dönelim. Geliştirme özelliklerinize güvenmiyorsanız, zamanınızı ve enerjinizi tembel yüklemeyi kendiniz yapmak için harcamayın. Bunun yerine çok daha profesyonel bir geliştirici ile çalışmayı deneyin. Bu geliştiriciler, kendine güvenilir bir şekilde ihtiyaç duyulan tüm lazy load çalışmalarını sitenize uygulayacaktır. Bu durum, sitenizin içerisinde 2-3 saniyelik bir hız tasarrufu sağlıyor ise, kesinlikle uygulamalı ya da bir profesyonelden destek almalısınız. Bu çalışmalar ile getirecek olduğu kazanç, muhtemelen sizin harcamış olduğunuz paralardan daha büyük olacaktır.
Web siteniz için lazy load ne kadar kritik?
PageSpeed Insights ve GTMetrix raporlarınızda yer alan potansiyel olarak yüksek verim sahibi işlem ögesi yoksa, kendinizin ya da geliştiricinizin zamanını yavaş yükleme uygulamasına harcamanız gerektiğini düşünmeyin. Eğer bu ögeler en yüksek yükleme süresi tasarruflarına sahipse, öncelik verebileceğiniz farklı site hızı iyileştirmeleri de vardır. Bunlar JavaScript, Gzip sıkıştırma, CSS, HTML küçültme ve sunucu yanıt süresinin iyileştirmesi gibi uygulamalardır.
Bunun yanında, görsel olarak çok sayıda ögenin bulunduğu bir internet siteniz varsa ve Search Console üzerindeki Önemli Web Verileri raporunuzda çok sayıda yavaş LCP yer alıyorsa, site hızı performans aracını çalıştırabilirsiniz. Lazy load, ekranın alt tarafında yer alan daha büyük ögeler varsa, bu ögelerin bulunduğu siteler ve sayfalar için yükleme süreleri önemli ölçüde iyileştirme sağlayabilir. Bu tarz siteler için yavaş yükleme uygulamaları doğru olmayacaktır.
Bu uygulamaları yaparken bir uzman ile çalışmayı unutmayın. Bu sayede çalışmalarınız çok daha profesyonel bir şekilde ilerleyecektir.