How to install Lazy load plugin/Script in Blogger

Hello friends! Today in this article we are going to talk about installing a Lazy load plugin/Script in Blogger. We will know How to install the Lazy load plugin/Script in Blogger. So stay with this article to know in more detail.

Images like media files make our blog post much more beautiful. But where the problem is that the images are heavy files and they use a lot of storage. This makes the page loading speed of our website very fast and when we check the page speed in a tool we are shown some images which have a lot of storage and these images are our page. Reduces loading speed. If your website is built on Blogger and the number of images on your website is very high then you should use the slow loader plugin for Blogger.

$ads={2}


If you have also chosen Google Blogger Platform for Blogging, you will also know that Blogger does not install any plugins of any kind because Blogger does not support installing Pugin.


No matter how much time you have spent blogging, you must have chosen some software or any online method to reduce or compress the size of your images. But when you check your website in the page speed check tool, there will be an issue of images, so you should now consider using the slow loading plugin in your Blogger.


Now you may be wondering if Blogger does not have any plugin stall of any kind, then how do we install this plugin in Blogger so that the issue of our images is solved. No need to worry. In this post, I will tell you how you can get the issue of images in your Blogger blog. You must install a script in the Blogger blog that you will find in the code section below.


What is Lazy Loading?

Lazy loading is a method by which we can optimize our images. After loading the entire website, the lazy loading plugin helps to load only the necessary part of the web page and delays loading the part too much.

$ads={2}

Advantages of Lazy Load plugin in Blogger

Installing this script in Blogger Blog will make your website load faster and you will increase the SEO of your website as this script will load the content on your website first and load the images later. Lazy Load Images will help visitors save data and bandwidth.


Is Lazy Loading Bad For SEO?

Installing a Lazy load Plugin in Blogger Blog is undoubtedly a very good process for SEO. Search engines such as Google and Bing can handle images that are lazy-loaded. Google then promotes the use of lazy loading in its developer's guide.


Should I use lazy loading?

This thing depends on your website because if you are using multiple media files on your website that take too much load to load then you should definitely use the Lazy Load plugin. Because using the Lazy Load plugin will speed up your web page.


How to add lazy load Script in Blogger?

Above we know that the Lazy Load script will improve the performance of your website. So now we know how to install this script Blogger. You will need to follow some of the steps below to install this script

 $ads={2}

1. Login to your Blogger.com Dashboard

2. Go to Theme Section and then click on the Customize arrow

3. Click on Edit HTML

4. Now, click on the code section and press Ctrl + F

5. A search bar appears on the display screen, Search for </body>

6. Copy the code below and paste it above the </body> tag.


<script type='text/javascript'> //<![CDATA[

(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://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]>

</script>


Conclusion

In this article, I told you How to install the Lazy load plugin in Blogger. If you like this article, then definitely share it with your friends. If you still have confusion. Any topic, anything, if you have not understood in the article. So you can tell us this through comments. 

Thank you!

Post a Comment

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

Previous Post Next Post
close