Blogger Lazy Load ile Site Hızlandırma

SinanGCL

BF-Yönetici

Eğer benim kim olduğumu merak ediyorsan, beni bilenlere sor. Onlar, benim hakkımda çok şey anlatacaktır! ;)

Lazy Loading Nedir?
 Görseller ve bunun gibi kaynakların sadece ekranın odak bölgesinde olan yere kadar yükleme yapmasını sağlayan bir eklentidir. Blogger üzerinde bu özellik var ama bazı temalarda bu özellik aktif edilse de çalışmıyor. Bende yerimde duramadım ve sizler için hazırlamış olduğum tek satırlık kod ile bu eklentiyi sizlere sunmaya karar verdim.

 Bu özellik web sitenizin yada bloğunuzun hızını optimize etmek ve hızlı yükleme yapmak için kullanılan bir yöntemdir. Örneğin, yayında veya sayfanızda birden fazla resim bulunan bir blog yazınız olduğunu varsayalım. Şimdi, okurlarınız bloğunuzu veya web sitenizi ziyaret eder etmez, web sayfanızdaki tüm resimler yüklenmeye başlar. Sonuç olarak, web siteniz daha fazla veri çekeceği için gecikme yaşayacaktır. Bu nedenle, web sitenizin ilk yükleme süresi artacak ve bir çok sorunu yanında getirecektir. Bu sorunu çözmek için ekran dışında olan görüntülerin yüklenmesini erteleyebilirsiniz.
Lazy Load Faydaları Nelerdir?
 Bir çok faydası bulunmakta ama en önemlilerini yazayım. Web site açılış hızını önemli ölçüde minimuma düşürür ve bu sayede hızlı açılır. Google'da sıralama için web site açılış hızı çok önemli bir faktördür. Blog yazılarınızdaki görseller, yükleme hızında büyük rol oynar. Bu nedenle, web sitenizin yükleme hızını düşürmek için resimleri Lazy Load ile yüklemek çok daha iyidir.
Gadget ile Ekleme;
  • Blogger kontrol paneline giriş yapın.
  • Düzen sekmesine tıklayın.
  • Eklemek istediğiniz yere Gadget Ekle diyin ve açılan pencerede HTML/JavaScript seçin.
  • Başlık kısmını boş bırakıp içerik kısmına kodu yapıştırın ve kaydedin.

Tema Düzen Kısmından Ekleme;
  • Blogger kontrol paneline giriş yapın.
  • Tema sekmesine tıklayın.
  • Özelleştir sekmesinin yanında bulunan aşağı ok işaretine tıklayın. Açılan menüde HTML'yi Düzenle seçeneğini seçin.
  • Kod içerisinde </body> kodunu bulun ve hemen üzerine size verdiğim kodu yapıştırıp kaydedin.

NOT: Kod bilginiz fazla yok ise tema kod kısmını fazla kurcalamayın. Yapacağınız yanlış bir işlem temanızın bozulmasına sebep olabilir.


Hepsi bu kadar. Artık site hızınız eskisine göre daha hızlı :) :T
We G o o g l e We Blogger

SinanGCL Yazar: | Rank: BF-Yönetici
Yazar Hakkında; Eğer benim kim olduğumu merak ediyorsan, beni bilenlere sor. Onlar, benim hakkımda çok şey anlatacaktır! ;)

17 Yorum Yapılmış

Dikkat Son yapılan yorum en üstte olur.
Dikkat Spama düşen yorumlar denetimden geçerek yayınlanacaktır.
Dikkat Yorumlara resim ekleyebilmek için "[img]https://sngcl.com/bf/img/iurli.gif[/img]" kodunu kullanın.
Dikkat Reklam amaçlı linki bırakmak, hesabınızın geçici olarak engellenmesine sebep olur.

:)

;)

:D

:(

=(

:@

:X

:O

:P

:F

:Y

:A

<3


:T

:H

  1. Benim kullandığım temada varsayılan olarak yüklü zaten. Temanın geliştirici mükemmel iş çıkarmış. Gerçi ben görsel kullanmıyorum da neyse.

    YanıtlaSil
    Yanıtlar
    1. Yeni temaların bir çoğunda mevcut evet. :) :T

      Blogger'in kendisinde de var ama bazen temalarda desteklemiyor. :) :T

      Sil
    2. Blogger'ın kendisine eklenmeden önce kodlanmış bu tema %100 SEO uyumlu. :) :T

      Sil
  2. PageSpeed'den baktım bu blogun yükleme baytı 2+ MB civarında. Benimkisi yaklaşık 200 KB. Seviyorum, ne kadar az o kadar iyi :)

    YanıtlaSil
  3. Sitelerde hız çok önemli, benim eski sitemde yoktu sanırım, hatırlamıyorum. Sen hatırlarsın, yoktu değil mi?
    Çok güzel bir bilgi bu, emeğine sağlık😊

    YanıtlaSil
    Yanıtlar
    1. Eski blogunuzun adresini verirseniz Wayback Machine'den bakalım. 🙄😳😵‍💫🤗

      Sil
    2. Bloglarımı kapattım hep, çok teşekkür ederim😊🙏 Şimdi burada Sinan'la birlikte bir şeyler yapmaya çalışıyorum elimden geldiğince😊

      Sil
    3. web.archive.org'da kapanmış olsa da bakabiliyorsunuz.

      Sil
    4. Bilmiyordum, teşekkür ederim😊 Belki ileride yeni bir blog açarım😊

      Sil
    5. Sizden ricam özel alan adı kullanın. .blogspot.com yerine adsoyad.com oslun mesela. Daha iyi durur.

      Sil
    6. Tamam dikkate alacağım önerinizi😊 Son bloğumda sorun yaşadım bayağı, o yüzden dediğiniz gibi daha iyi olabilir. Çok teşekkür ederim🙏😊

      Sil
  4. Kardeşim yine döktürmüşsün maşallah. Ben girmeyeli blog da çok değişmiş. Blog demeye de bin şahit gerek. Bu ne güzel bir forum olmuş böyle? Tebrikler...

    YanıtlaSil
    Yanıtlar
    1. Elimden geldiğince güzel bir ortam haline getirmeye çalıştım abi :) :T

      Sil