Blogger Lazy Load Ekleme(Site Hızlandırma)

2 min read

 

Blogger Lazy Load


Lazy Load Nedir?

Lazy Load eklentisi sayfayı aşağı kaydırdığınızda fotoğrafların yüklenmesine denir. WordPress deki gibi eklentileri rahatça kurabilir ve görüntü optimizasyonunu geliştirebilirsiniz ancak Blogger'da böyle eklentileri kuramadığımız için kendimiz eklemek zorunda kalıyoruz. Vereceğim bu eklenti çoğu web siteler için çok önemlidir çünkü web site hızınız Google sıralamanızı etkileyebilir.

Lazy Load Avantajları Nelerdir?

Sitenizi ziyaret eden kullanıcıların daha hızlı erişmesini sağlar.
Google tarafından indexleme açısından da faydası vardır.

Nasıl Eklerim?

Blogger>Tema>HTML'yi Düzenle kısmına gelelim ve şablonda bulunan </body> kodunu bulup verdiğim kodu hemen üstüne ekleyin ve kaydedin.

<script>
//<![CDATA[
//Lazy Load 
//Retnus - retnus.com
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKr3T55jNGVQdAFE_xRu-MDNuKGIpq6jAjKK_O2skQUH39FYu2xqfo4zMTT99ESbA9W-1cNrbROE2gnQC3DZWZk435Y7UKqiS311a_rHKdiflu-9mwaaIWhLus-sfUfL8TgQOoiX_FnSQ/s10/loadingku.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
3 yorum