Thursday, 18 January 2018

How To Optimize Blogspot Images To Increase Page Speed

It's been all about page speed this week and I have posted a few posts on how you can increase the page loading speed of your blogger blog. How you can eliminate rendering blocking CSS and JavaScript above the fold content and also how you can optimize your blogger photos. On this post, we will learn how to optimize blogger images for fast page loading.



If you are using automatic read more script on your blogger blog then this is definitely a must do thing in order to prevent images from slowing down your blog. By Default blogger crops all images immediately you upload them This is where the problem starts.

You might have minified the size of your image to kilobytes but still your blog will show Consider fixing image optimization. Now, this does not have anything to do with your image size or file size but it has to do with Blogger cropping all your images to larger sizes and killing the page speed of your blog.

Avoid Blogger From Cropping Your Images

In order to Optimize your images, all you simply need to do is to restrict Blogspot from cropping the images automatically. I saw this when I was working on improving my blog page speed. This doesn't require any JavaScript, CSS or Jquery. All you need to do is edit your images after uploading them.

Optimize Blogspot Images To Increase PageSpeed Just like I mentioned above all you need to do is prevent blogspot from cropping your photos and once that is done, your images will load faster. Follow the steps below to prevent blogger from cropping your images.

Step 1
Go to Blogger.com >> Posts >> New post >> Upload an image.

Step 2
After uploading your image, Click on the image and change the size to "Original size".

Step 3
Switch to "HTML" tab and locate the URL of your image. In the URL of your image, you will see "/s1600/ 0r /s800/" depending on your image size.

a simple way to optimize your blogger/blogspot images and improve your page loading speed and make it load faster.


The "s" mentioned in the above line means size. Which means if your image was minimized to 400px by you, Blogspot will automatically increase the size to 1600px which will cause your blog having page speed issues.

Step 4
Simply delete from the first stroke to where the number ends. For example, delete only /1600 and your image URL will be like the one below.

Note: You may find this /1600 twice for every image you upload so make sure you remove it twice.
Do this for all the images in that post.

With this procedure, you can easily stop blogger from cropping your images and it will improve page speed quickly.

Should in case you saw (/w800 or /h800 ) or any other value. Simply remove this lines as shown to stop Blogger from cropping your photos to a specific width, height or size.

Recommended: 
5 Important Areas To Place Keywords for High SEO Ranking

Conclusion

Finally, I have published this guide on How To Optimize Blogger Images To Increase PageSpeed. This post was inspired by increasing Blogspot blogs load speed and also making it user-friendly. You might want to find out ways to increase page load speed and how it affects blog SEO.
Previous Post
Next Post

written by:

I am a Blogger and Student and the man behind this blog. Blogging is my passion and i love to write about blogging tips, SEO, make money online and much more.