Defer offscreen images to boost your website speed
How to Defer offscreen images in Blogger: If you want to rank your website at the top of google search results, you must reduce the Page Loading Time of your site. Because the Page loading time is an important ranking factor of google SEO.
So you have to defer or lazy load the offscreen images which are not necessary to load at the very beginning. That means the images located at the bottom of your web page should be loaded after loading the browser's viewport first.
Today we will learn the easiest way to defer or lazy load the offscreen images. There are several ways to do this. But we will follow the best and the easiest way – specially for the beginners.
• You do not need to add an extra Javascript file.
• No need of enough coding knowledge.
• Just use a simple “loading” attribute. That’s all.
Steps to defer offscreen images:
1. Go to your Blogger Dashboard
2. Click on the Navigation Bar at the top left corner.
3. Select Post
4. Edit the Post where you want to lazy load images.
5. Click HTML view
6. Find the images in your blog post.
7. Add loading=’lazy’ attribute into <img> tag.
8. Then Save the post. That’s it.
No other way is as easy so it to defer offscreen images. loading=’lazy’ attribute works good to defer offscreen images and help you to boost your website speed up. The more you add Javascripts the more your page loading time will be. An important advantage of loading=lazy attribute is it do not need a javascript file. Can you guess the benefits?
Read More: THE EASIEST WAY TO REMOVE BLOGGER DEFAULT CSS AND JS
By the way if you want to defer your offscreen iframes as well, uncover it from the following article:
If you have any question, please comment bellow. For further query, please feel free to contact us via e-mail EarnGooya.
Wishing you a very happy blogging.
Discover our other resources:
0 Comments