• 19-01-2022, 18:00:00
    #1
    Lazy Load Nedir?

    Lazy Load eklentisi yukarıdaki görselde gördüğünüz gibi sayfayı aşağı kaydırdığımda 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.
    <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://3.bp.blogspot.com/-xtM_7x0_cU4/XIok1BisovI/AAAAAAAAPUc/QGJpBJZ3QBM_Spkd9r3-SMurEUbRI1pOQCLcBGAs/s10/loadingku.gif",effect:"fadeIn",threshold:"-50"})});
    //]]>
    </script>
    Kaynak: Blogger Lazy Load Ekleme(Site Hızlandırma)
  • 19-01-2022, 18:24:28
    #2
    her zaman söylerim. lazy load kritik bir tercihtir.
    öncelikle sitenizin cls,lcp gibi metriklerine zarar vermediğinden emin olmak gerekiyor.
    bunun dışında lazy load her zaman yüksek hız ile sonuçlanmayabiliyor.
    çoğu durumda lazy load olmadan site daha hızlı olabiliyor. bunları gözlemlemek lazım.
  • 19-01-2022, 18:31:05
    #3
    mcatakcin adlı üyeden alıntı: mesajı görüntüle
    her zaman söylerim. lazy load kritik bir tercihtir.
    öncelikle sitenizin cls,lcp gibi metriklerine zarar vermediğinden emin olmak gerekiyor.
    bunun dışında lazy load her zaman yüksek hız ile sonuçlanmayabiliyor.
    çoğu durumda lazy load olmadan site daha hızlı olabiliyor. bunları gözlemlemek lazım.
    Bilgilendirme için teşekkürler.
  • 13-03-2022, 10:54:58
    #4
    mcatakcin adlı üyeden alıntı: mesajı görüntüle
    her zaman söylerim. lazy load kritik bir tercihtir.
    öncelikle sitenizin cls,lcp gibi metriklerine zarar vermediğinden emin olmak gerekiyor.
    bunun dışında lazy load her zaman yüksek hız ile sonuçlanmayabiliyor.
    çoğu durumda lazy load olmadan site daha hızlı olabiliyor. bunları gözlemlemek lazım.
    Benim siteyi incelermisin acaba. Lazy load ekstra yavaşlatıyormu sence sitemi ?
  • 22-03-2022, 18:39:16
    #5
    Lazloadı nasıl kaldırırız ?
  • 22-03-2022, 18:40:02
    #6
    bilgisk adlı üyeden alıntı: mesajı görüntüle
    Lazloadı nasıl kaldırırız ?
    eklediğiniz kodu silerek kaldırmış olursunuz.
  • 22-03-2022, 18:41:23
    #7
    retnus adlı üyeden alıntı: mesajı görüntüle
    eklediğiniz kodu silerek kaldırmış olursunuz.
    Benşm sitedeki temaya bakabilir misin. Tam olarak nerede lazy load. Ve zamanın varsa kodsal sorunlarım var yardımcı olurmusun acaba bana
  • 22-03-2022, 18:48:52
    #8
    bilgisk adlı üyeden alıntı: mesajı görüntüle
    Benşm sitedeki temaya bakabilir misin. Tam olarak nerede lazy load. Ve zamanın varsa kodsal sorunlarım var yardımcı olurmusun acaba bana
    Özelden yazarsan yardımcı olurum tabii.