This post How to optimize images to get the green light on Google page speed insight is a further discussion from the previous post, namely How to Remove rendering Blocking Javascript , please read it first. This series of posts specifically discusses how to increase blog speed on bloggers in order to get better rankings on search engines.
Images are a very effective post support medium for SEO. With images you can increase traffic and reduce the Bounce rate of the blog or website that you manage.
How can images increase traffic ?
Through a search engine , if the image in your post is interesting and matches the keywords you are looking for, then the search engine will display your image in the search results, most likely people who are looking for this image will also open your blog or website.
Through social media , when you or other people share your blog posts on social media, the social media will automatically display the feature image of the post, the more interesting the image you display, the greater the chances of your writing being opened by readers.
How can images reduce the Bounce rate ?
If a page is loaded in a short span of time, it is likely to be rated as a Bounce, the higher the Bounce value, the worse the website’s score island is on the search engines. So by presenting an attractive illustration image, of course visitors will also feel more comfortable reading a page compared to a page that has no image at all.
How to Optimize Images to Speed Up Blog Loading on Blogger
How to Optimize Images To get a green light on Google Page Speed Insight, GTmetrix or Pingdom Tool on blogger is a bit manual compared to wordpress . In wordpress there is a Wp-Smush plugin that can do image optimization work automatically. I once discussed this in a post on the Sasambo Design website, please check the writing here Optimize automatic images with wp smush .
For blogger, here are some steps to optimize images so that your website loads faster.
First measure the length and width of the image . For the length and width of the image, adjust it to the width of your blog post column, the image size should not exceed the width of the post column, because it will damage the appearance of the posting page which will have a direct effect on the user experience. Avoid scaling images, always display the original size of the image in the post, because this factor will greatly affect the loading speed of the website.
Second Large Image Size. Always keep the image size under 50 KB, the smaller the better. Use software such as Phostoshop to perform maximum compression but with still good image resolution. In Photoshop you can take advantage of the ” save for web ” feature. This feature is very powerful to produce images with maximum compression.
For image compression with good results but with a small size it is difficult to do. The smaller the image size will usually be directly proportional to the image quality. After trying several image processor software, Photoshop image editing software turned out to give maximum results.
Closing
If there is still something unclear in the discussion on How to Optimize Images To get the Green light on Google Page Speed Insights, Greetings Appac Media, thank you