0:00
Hello everyone, I am Abhishek Badi and in this video I am going to show you how to enable
0:05
lazy loading on your blog or website. First of all, let's understand what is lazy loading
0:11
Lazy loading is an optimization technique for websites that delay the loading of resources
0:17
and objects until they are actually needed by the user. For example, if a web page has multiple images at the bottom of the page and the user has
0:25
to scroll down to see the images, then you can display a placeholder and lazy load the
0:32
full images only when the user arrives at the location. So there are several benefits of implementing lazy loading
0:41
It will reduce the initial loading time of your web pages and it also reduce the load
0:49
on your server. So how you can enable lazy loading? First of all, go to your blogger dashboard and copy a code from this article and the
1:00
link of this article is in the description. Then go to the theme section and click on edit HTML
1:13
Here scroll down to the bottom and you will see a closing body tag and paste the code
1:21
just above the body tag and save the theme. And now let's check
1:30
Let's check if it is working properly or not. So as you can see, the images are loading one by one and it will not load simultaneously
1:43
So it will improve the website loading speed drastically. So if you face any problem, then you can ask me in the comment section
1:53
And if you are new to this channel, then give it a thumbs up and subscribe for upcoming videos