It's been all about page speed this week and I have posted a lot of articles 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 minify your blogger photos. On this post, we will uncover how to optimize blogger images for high loading speed.
If you are using automatic read more script on your blogger blog then this is definitely a must do in other to prevent images from slowing dow your blog. By Default blogger crops all images immediately you upload them This is where the problem started from!!.
You might have minified the size of your image to kilobytes but still, your blog will show Consider fixing: Optimize images. Now, this does not have anything to do with your image size or file size rather it has to do with BlogSpot cropping all your images to larger sizes thereby killing the page speed of your blog.
In order to Optimize your images, all you simply need to do is to prevent Blogspot from cropping your images. I observed this when I was working on improving my site page load speed. This doesn't require any JavaScript, CSS or Jquery. All you need to do is edit your images after uploading them.
What that "s" simply mean is size. Which means if your image was minimized to 400px by you, Blogger will automatically increase the size to 1600px which will cause your blog to having page speed issues.
Simply delete from the first stroke to where the number ends eg. delete only /1600 and your image URL will be like the one below.
Note: You will find this /1600 twice for every image 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 improve pagespeed massively.
Should in case you saw (/w800 or /h800 ) or any other value. Simply remove this lines as shown to stop BlogSpot from cropping your photos to a specific width, height or size.
You might have minified the size of your image to kilobytes but still, your blog will show Consider fixing: Optimize images. Now, this does not have anything to do with your image size or file size rather it has to do with BlogSpot cropping all your images to larger sizes thereby killing the page speed of your blog.
Prevent Blogspot From Cropping You Images
In order to Optimize your images, all you simply need to do is to prevent Blogspot from cropping your images. I observed this when I was working on improving my site page load speed. This doesn't require any JavaScript, CSS or Jquery. All you need to do is edit your images after uploading them.How To Optimize Blogger Images To Increase PageSpeed
Just like I said above all you need to do, is prevent blogger from cropping your photos once that is done, your images will be fast loading. Follow the guide 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.
Step 4.
Simply delete from the first stroke to where the number ends eg. delete only /1600 and your image URL will be like the one below.Note: You will find this /1600 twice for every image 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 improve pagespeed massively.
Should in case you saw (/w800 or /h800 ) or any other value. Simply remove this lines as shown to stop BlogSpot from cropping your photos to a specific width, height or size.
More From Author
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 blogs SEO.- Properly SEO Optimize Blogger Blogspot
- 5 Strategic Places To Use Keyword In Posts For Better SEO Ranking
Do you mean this procedure has to be done for every post ?
ReplyDeleteYes dear.. and with time you will get used to it.
DeleteNice tip. But, when you said in step 4 "Simply delete from the first stroke to where the number ends eg. delete only /1600 (...)" I think you should say that delete /s1600 (I mean, all the "s" part.
ReplyDeleteDo you agree?
Or, I did not understand that step. :(
Yes. You got it right. But be careful not to delete the last stroke "/". Delete only /s1600. (y)
Delete