Do you lot know what is jquery lazy load? Lazy Load Script is installed inwards your Blogger template? Don't worry if it's non installed nosotros are going to percentage jquery lazy charge script fox to increment the website or weblog page speed.That agency when you lot install lazy charge inwards your blogspot subject you lot weblog speed volition certainly increment on loading,after installing you lot tin run into the minute consequence on page load.Lazy charge plugin for images volition delay the ikon loading outcome your website speed volition increase.Still at that spot are lot's of ways to speed upwardly your weblog faster.
However this plugin will piece of occupation amongst your website as well as its blogger template friendly.If your website convey equally good many images therefore inwards this example lazy charge plugins is best for your blog.However you lot tin exercise dissimilar ways to increment the page speed.in side past times side postal service nosotros volition certainly explicate dissimilar methods for brand your webpage charge fast.The of import element to exercise this jquery lazy charge fox if you lot are using to many graphics inwards your posts/article therefore it's certain your page speed volition larn downwards therefore inwards this example you lot postulate to increment the page speed as well as for that you lot must install lazy charge script inwards your blogger template.So to select handgrip of this fox but follow the steps mentioned below.
How to Add Jquery Lazy Load Script In Blogger Template To Increase Webpage Loading Speed
Installation Steps:
Step 1. Log inwards to your Blogger describe of piece of occupation organisation human relationship as well as Go to your Blogger Dashboard.
Step 2. Now become to Template -> Edit HTML. Step 3. Now Search for the closing </body> tag as well as re-create the below j inquiry as well as glue above/before </body> tag.
Step 4. Now Save your Template..Done !
<script type='text/javascript'>
// Jquery LazyLoad Script past times www.Bloggersstand.com
//<;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/AVvXsEi_dIq2TQx-1NTpFGMNFm4kKfveCW0Gaxkho77G2-91pqwVBdpMeNpEV5uI-QAqMumSxMWW17Y00Cu6dBCFKyBbctjjvnn2KEPX_XbwRAMVkAaOhIYwWRPQuVfqKbA-3NGjHoLgjZ4Gevs/s1600/bloggersstand.gif",effect:"fadeIn",threshold:"-50"})});//]]></script>
Step 4. Now Save your Template..Done !
No comments:
Post a Comment