How to Speed up your blog with JQuery Speed Lazy Load

How to Speed up your blog with JQuery Speed Lazy Load
There are many ways you can do to accelerate the speed of a blog. One of them out is to install the plugin Lazy Load. Plugini will be very useful to speed up the loading speed of your blog.

How to install is also very easy, namely:

1. Sign in blogger account
2. Select a template> HTML mode
3. Add the following Jquery code before </ body>
<script type='text/javascript'> //<![CDATA[ // Lazy Load (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/AVvXsEhEeAqr32UIDAhP1D3CMLjQQZI0IeSRZWwzV5dZ8sMHJuD7o_VjZj6tz5dkR65SVUlNSwFm8D6i7DnpybkGVwcmtZVrCNy-pzOS9L95qxTf1ZCL317bkt8omlcqebZPqBKL8WOxCpSemEHE/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]> </script>
4. Save template

Please check the loading speed of your blog through GTMetrix.
May be useful.

See also: SL Style Magz - SEO Killer Responsive Blogger Template Newest 2016

2 Responses to "How to Speed up your blog with JQuery Speed Lazy Load"

  1. I'm full of the joys of spring when see your new posts.Your posts can help me more and more in the future. Once again thank you.
    currency converter box by autoketing currency converter box by autoketing

    ReplyDelete
  2. A very awesome blog post. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work
    Gái gọi Nha Trang, gái gọi Thanh Xuân, gái gọi Phố Cổ - Quán Sứ, Gái gọi Hồ Tùng Mậu, Chơi gái, gai goi cao cap ha noi

    ReplyDelete