Seo

Lazy Load ile Hızlı Yüklenen Sayfalar Oluşturun.

Lazy Load Nedir?

Lazy Load yöntemi diğer bir ifadeyle Dynamic Function Loading, sitenizi ziyaret edenler kullanıcılarınızın tarayıcısında görsel öğeler görüntülenmek için ekrana getirildiklerinde görsele yükleme emrini veren bir yöntemdir.

Görseller sadece tarayıcının aktif penceresinde görünebilen bölgeye geldiklerinde yani sayfada ilerledikçe sırası geldiğinde yüklenirler. Kullanıcılar tarafından sayfa aşağı kaydırma yapıldıkça sayfanın altına yerleştirilen görseller görüntülenmeye başlanır. Henüz sayfada aşağıya doğru ilerleme yapılmadıysa görsel öğeler yüklenmeyeceği için siteniz daha hızlı yükleme yapmış olur.

Fazlaca görsel odaklı web siteleri bu yöntemi çok sık kullanırlar. Lazy load özelliği belirgin bir şekilde sadece çok sayıda görüntü barındıran sitelerde fark edilirler.

Lazy Load Kullanmanın Faydaları Nelerdir?

İçeriklerinizdeki görsellerin hepsinin aynı zamanda yüklenmesini sağlamak yerine Lazy Load özelliği ile görselleri gösterim sırası onlara geldiğinde göstermek çok daha iyidir. Web siteniz açısından ziiyaretçilerinize daha kullanışlı bir sayfa ziyareti gerçekleştirmeleri için gereken en önemli yöntemlerden biridir. Lazy Load (Dynamic Function Loading) özelliğinin faydalarının neler olduğunu ve neden sitede kullanmanız gerektiğini daha detaylı inceleyelim.

Sayfaların Hızlı Yüklenmesini Sağlar.

Farklı formatlarda, farklı boyutlarda ve çözünürlüklerde resimler kullanarak hazırlanmış uzun sayfaların yüklenmesi milisaniyelerde olsa bile günümüz teknolojisinin hızına göre yine de zaman alır . Sayfaların tamamı hazır hale gelmeden önce resimlerin tamamının tarayıcı geçici belleğine indirilmesi gerekir. Normal şartlarda tüm web sitelerinde işlemler bu şekilde ilerler.

Resimleriniz gösterilmek için tarayıcıda ilerlendikçe lazy load yöntemi ile yüklenirse hız bakımından sayfalarınız yüksek performans kazanır. İlk olarak sadece ekranın ilk giriş kısmında gösterilecek olan reismler yüklenecektir. Böylece, Web sitenisinin ilk yükleme süresinde ciddi oranda kazanç sağlamış olacaksınız.

İnternet Tarayıcısının İşi Gücünü Azaltır

Görsel öğeler lazy load yöntemiyle yüklendiklerinde internet tarayıcısı kaydırmaya devam edildikçe resimlerin yüklenmesi sağlanmış olur. Kullanılan tarayıcının bir anda yük altına girmesi önlemiş olur ve hızlı etkileşime giren tarayıcı ile daha iyi kullanıcı deneyimi yaşanır. Tabir yerinde olacaksa, kasma olmaz.

Hyper Text Transfer Protocol (HTTP) İstek Sayısını Azaltır

Resimler aynı anda yüklenme isteği göndermeyeceği için HTTP istek / sorgu sayısında azalış olacaktır. Web sitenizin çok daha hızlı çalışması hem SEO, hem de kullanıcı açısından faydalı olacaktır. Dikkat ederseniz internette gezinirken genelde tarayıcıların sol alt kısmında siteniz için gereken öğelerin istekleri için veri aktarımı ile ilgili bir takım işlemler gösterilir. https://…….. bekleniyor gibisinden ifadeler belirir kaybolurlar. İşte bu gibi işlemler en azından görselleriniz için zamanı geldikçe yani sayfada ilerledikçe gerçekleşir.

Kısıtlı Trafik Bant Genişliğine Sahip Siteler için Tasarruf Sağlar

Bant genişliğiz az miktarlarda olan bir hosting paketi ile çalışıyorsanız lazy load sizin için tasarruf yöntemi olarak tercih edlebilir. Site ziyaretçisi görselleri görmeden resimler yüklenmeyeceğinden dolayı daha az aylık trafik harcaması yaparsınız, kısaca bant genişliğinden tasarruf etmiş, aylık trafik kazancı sağlarsınız.

Elbette Tasarruf konusu site sahibi veya site yöneticisinin kaynak kazancı dışında ziyaretçilerinizin kısıtlı kotalarına da fayda sağlayacaktır. Kota dostu, daha az kaynak kullanan siteniz hem sizi, hem de ziyaretçilerinizi kazançlı çıkaracaktır. Sitenizdeki verilerin görseller gibi yüksek yer kaplayan kısmı sadace kaydırma ile işleme alınacağı için sitenize mobil cihazlardan erişim sağlayan kullanıcılar açısından mobil veri kazancı olarak onları da etkileyecektir. Lazy Load (Dynamic Function Loading) yöntemiyle yüklenen resimler mobil kullanıcılara internet kazancı sağlayacaktır..

SEO Çalışmasına Katkı Sağlar

Lazy loading özelliği SEO için nasıl bir etkiye neden olur diyorsanız. Google’ın lazy load ile siteye yerleştirilen görselleri indekslemesi konusunda belki olumsuz etki yaratacağını düşünebilirsiniz. Fakat Google ve diğer önemli arama motorları açısından da olumlu bir SEO çalışması olarak değerlendirilmektedir.

Görsellerin google tarafından index alınıp alınmayacağını veya kodlama ile olumsuz etki oluşacağını düşünmeniz yersiz olacaktır. Google sitelerden index alırken hangi kodlama olursa olsun .php, .asp yada .html şeklinde olmaları farketmeksizin siteleri html formatında indexler ve resimlerin gecikmeli yüklenmesi bir anlam ifade etmez. Kısaca Lazy Loding kodlaması tarayıcının sayfayı yorumlamasına etki eder. Kodlamanın okunmasına etki etmez.

Lazy Load Yöntemi Nasıl Kurulur?

Lazy Load tembel yükleme özelliğini web site içinde kullanmak istiyorsanız aşağıdaki üç farklı yöntemi kullsnsbilirsiniz.

  • Kod ile ekleme – Sitenizde yayılanan resimlerin kodlamasında “loading” özelliğini kullanın ve <img …. /> kod satırında “lazy” özelliği ataması yapın. Böylece görsel lazy load yöntemi ile görüntülenir. Örneğin; resim eklerken şu şekilde bir kod kullanın: <img src=”kullanacaginiz-resim.jpg” loading=”lazy” alt=”resiminizin alt metni” />
  • Eklenti Kullanarak ekleme – WordPress veya Opencart ile web sitesi tasarlıyorsanız işiniz kolay, çünkü lazy load için eklentiler mevcut. Onlardan herhangi biri işinizi görecektir.

Worpdress Lazy Load eklentisi : WP Rocket  Lazy Load – Optimize Images eklentisini fazlasıyla bu işi üstlenecektir.

Opencart Layz Load eklentisi : Opencart Lazy Load Images – Tüm Opencart versiyonlarına uyumludur.

  • Tema seçimi ile ekleme – Böyle bir yöntem sıkça kullanılmaya başlandğı için gelişmiş bazı temalar lazy load özelliğini kendi özellikleri içine katarak hizmet veriyorlar. Lazy Load özellikli bir premium tema kullanarak bu özelliği temanın ayarlarından etkinleştirebilirsiniz.

Son söz olarak;

Önce temanızı kontrol edin. Lazy Load özelliği varsa kullanın.

Yoksa WordPress kullanıyorsanız eklenti kurarak basitçe sitenize özellik kazandırın.

Kendiniz kod yazarak sitenizi yayınlıyorsanız yukarıdaki anlatımdaki gibi loading=”lazy” size bu özelliği kullanmanız içi yeterli olacaktır.

.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir