How To Speed Optimize Blogger Using Lazy Load Script:


Hello friends, today I’m going to share you some most important things to How To Speed Optimize Blogger Using Lazy Load Script, like if you having a your own personal or professional blog/website, speed up JavaScript load time so this article is one of the most important one for you, so don’t forget to read full article without skip any of procedures what I’m telling to you from this post.

Okay let I’m introduce how to improve website loading speed, some most important factors about blog/website, if you doing blogging or you are new for this field, so you understand a most important thing to doing blogging is SEO for your blog. This has gives you a extra boost for how make web pages load faster your website and what will posts you are posted on your blog/website and one of the most important factor for you.


How To Speed Optimize Blogger Using Lazy Load Script
How To Speed Optimize Blogger Using Lazy Load Script


If SEO is important for your website, then increasing speed for your website is so important. Then let I Show you some screenshots of my website while I’m testing speed of my website from that I got huge difference from previous one. So let I’m decided to let share that technique with one of my friends like you all, of website speed optimization my daily visitors thanks to giving me this opportunity and stay connected with me.

From this above screenshot I’m sharing that without using any of techniques to optimize my website, while it’s in desktop and mobile modes and from it has a various difference in between to them and to low too optimizing speed of my website.
Here I’m giving some small Lazy Load Script which will gives your website a good speed optimization and reduces your website loading time to on both desktop and mobile modes.

Here the code:

<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://4.bp.blogspot.com/-XNnCtsmVWps/WwUzI4O3OMI/AAAAAAAAGzM/s5IzNI42txMh8ZglfGk9ktfD7CqQ0JkMgCLcBGAs/s1600/sun.gif",effect:"fadeIn",threshold:"0"})});

//]]>
</script>

After copy this code you should just follow the process what I’m listed in below:

  1. Login on your Google account and go to Blogspot.com option.
  2. Then login to your blogger too.
  3. Then select theme option on side menu.
  4. After that go to HTML edit option.
  5. Search ajax.google on that and find out this code.
  6. After that select this code from starting to end.
  7. Then delete that code from here, if you want that backup so you can copy this code and save to notepad or WordPad for your backup.
  8. After that copy all code what I’m given.

Select Code Here

As I have show in this screenshot that you go to edit html option in your blogger and paste that code which I have given above in place of the code. Where you will get this code. And then the code I gave you. In this, replace that code in its place and save your theme.

Carefully follow all the steps otherwise. If anything error can come, then follow the steps I given correctly.


Paste Code Here

And just search on Google, website speed checker and you will get a website, then copy your website URL and paste it on that, Then click search option you will get your results. And you will find a comparison between your website loading percentage in both desktop and mobile mode.

Once I have to tell you all that the loading speed of your website is one of the most important thing in your website optimization on SEO platforms, because when the Google Search Console is crawling your website, then your website loads too low and the website will not get promotes by Google, your website pages and websites on top pages ranking will be reduced. And your website will also be reduced to a top ranking performance on Google. So that’s why I’m telling these factors to you many times.

Okay if you follow all these steps properly and what results you will get, please leave a feedback or comments on comment section which is on below. Otherwise if you getting any of errors, while following this process that time too you will leave your comment with what will errors you are getting, I’m definitely check and let get respond to your comments as soon as possible.

About the post:

Friends, today I'm told you all through this post, How To Speed Optimize Blogger Using Lazy Load Script. If you like these posts, then you definitely share it with your friends. Apart from this, if all of you people have any confusion in this post, then you can also tell by commenting below. I will give you also the answer to Reply.

Thanks for Visiting. Do subscribe our Website to get Latest Updates Instantly.

2 Comments

Please do not enter any spam link in the comment box.

Post a Comment

Please do not enter any spam link in the comment box.

Previous Post Next Post