
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 |
![]() |
Yazar Hakkında; Eğer benim kim olduğumu merak ediyorsan, beni bilenlere sor. Onlar, benim hakkımda çok şey anlatacaktır! ;) |
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ıtlaSilYeni temaların bir çoğunda mevcut evet. :) :T
SilBlogger'in kendisinde de var ama bazen temalarda desteklemiyor. :) :T
Blogger'ın kendisine eklenmeden önce kodlanmış bu tema %100 SEO uyumlu. :) :T
SilMaşallah :)
SilPageSpeed'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ıtlaSilHey maşallah :) Dağlar kadar fark var :D
SilEe tabii :D :D
SilSitelerde hız çok önemli, benim eski sitemde yoktu sanırım, hatırlamıyorum. Sen hatırlarsın, yoktu değil mi?
YanıtlaSilÇok güzel bir bilgi bu, emeğine sağlık😊
Yoktu maalesef :)
SilEski blogunuzun adresini verirseniz Wayback Machine'den bakalım. 🙄😳😵💫🤗
SilBloglarımı kapattım hep, çok teşekkür ederim😊🙏 Şimdi burada Sinan'la birlikte bir şeyler yapmaya çalışıyorum elimden geldiğince😊
Silweb.archive.org'da kapanmış olsa da bakabiliyorsunuz.
SilBilmiyordum, teşekkür ederim😊 Belki ileride yeni bir blog açarım😊
SilSizden ricam özel alan adı kullanın. .blogspot.com yerine adsoyad.com oslun mesela. Daha iyi durur.
SilTamam 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🙏😊
SilKardeş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ıtlaSilElimden geldiğince güzel bir ortam haline getirmeye çalıştım abi :) :T
Sil