Lazy Load for Blogger Images

We are going to show you how you can easily implement codes to Lazy Load for Blogger Images and after enable you will see it's working good enough for boost website speed more than anytime before_

Also read :gZip compression in blogger template to speedup

Go To Blogger Dashboard and click on Edit HTML then Follow below instruction and paste the codes accordingly:

Also read :Lazy Load for Blogger Images

Find  </body>  and abot it paste below code_

<script>//<;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/AVvXsEjbQtA0-HvO6x7bvWt9h4qfPDitKdt_NAJ-LR2Tof74zZ_FsRXz5mMFdYnN5TzoHotct-mweGGuqbPU2S9xx4ul6T6HCN3PO-0yRYsHogabcHqXsvIk0uXHqJIz1Gu9xuvjPjihv8vjCytT/s1/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});//]]></script>

Also read :Reading progress bar / scroll bar in blogger

Now save and you are all done.

Also read :Estimated Post Reading Time in Blogger posts