0:00
Hi everyone, welcome to K2 blogging, in this video I will share you an update about Blogger
0:05
So recently Blogger introduced two new features to improve the blog loading speed
0:10
So let's check what are those. So for this, we will go to the settings here
0:16
And as you know, Blogger has not updated quite some time and now they have recently added
0:21
some new features in the settings. And here if you go to the post section, you will see two new options
0:28
First one is the lazy load images and second one is the WebP image serving
0:32
So if you just enable this option, it will lazy load all of your images in blog post
0:39
So let's check that. So what I can do is I will go to the post and let me open a blog post
0:45
And here this images is now lazy loaded. So let me just click on inspect here
0:51
And if you see this option, loading equal to lazy. So this tag is added to the image element here
0:58
So let's take if it is added manually or not. So for this, I will go to the post
1:03
Let's go to the blog post editor and switch to HTML view
1:08
And here is the image tag here. And as you can see that there is no loading equal to lazy tag added here, but by default
1:15
Blogger is adding the loading equal to lazy tag on this image
1:20
So let's upload a new image here. So let's upload the image
1:28
Let's choose a file here. And as you can see that this is a PNG file
1:32
So let's upload that. All right. Now let me just select this image
1:37
Let's keep it as original size. And I have added it. Now let me just update this blog post and let me just refresh this page
1:48
And let's scroll down. And as you can see that the new image is added
1:54
So let's click on inspect here. And as you can see that the loading equal to lazy tag is added to this image as well
2:01
So in this way, the blogger is adding a loading equal to lazy tag to all of your images and
2:07
adding lazy loading functionality to your blogger website. But there is one problem in this method that it is lazy loading all of the images
2:17
You should not lazy load your fast images in the blog post
2:21
Otherwise it may create speed issue. So make sure to exclude the fast image, but currently blogger doesn't have that option
2:31
Maybe they will add that feature in future. And another one is the WebP image serving
2:38
So as you can see that I have uploaded a PNG images. So let's check if it is working or not
2:44
So let me just enable this option WebP image serving. So now all of your images will be load in WebP format
2:52
So let me just refresh this page and let me just scroll down a little bit and let me just
3:00
save the image as. And as you can see that now it is showing the WebP format
3:07
So let me just save here. And as you can see that the image is now saved to WebP format here it is
3:13
So you can see the property here as well. And you can also click on inspect to check the image here
3:22
So as you can see that by default this added the PNG image, but in the front end the blogger
3:29
is loading as a WebP format. So earlier we have to do the manual changes to the URL to load the WebP images
3:36
Earlier we have used this option. So if you search for this option as 1600
3:44
So earlier we have to add a dash RW to make it WebP compatible, but now blogger has given
3:50
the option to enable it from the settings. So this is the two new updates that coming to blogger and I hope you will find this updates
4:00
helpful and if you found this video helpful, then make sure to hit the like button
4:05
And if you want me to cover any videos regarding blogger, then you can ask me in the comment section
4:11
I will see you in the next one. Bye bye