Fix WordPress Optimize Images Issue in Google PageSpeed

An image equals to thousand words – this proverb indicates the importance of using images to express thoughts. Use of images on your WordPress site is unavoidable and highly encouraged. In our site, in an average we use 3 to 5 images on each single article. Unfortunately every good thing has its own bad effect and using images on a site also has its own problems. One of the major problems is that each image on a page will send a separate http request to the server. This will drastically increase the page loading time and load the page very slow.

The slower the site, search engines will penalize by ranking it lower and the users will not have patience to read slow loading pages in this faster world. In this article we will discuss how to improve the page speed  of your WordPress site by serving optimized images to the users. Also check out our article on optimizing images for search engines.

Checking on Google PageSpeed Insights Tool

Google PageSpeed Insights allows seeing the speed score of any webpage from Google’s perspective. Below is how the score is shown for a page without any image optimization.

Optimize Images High Priority Issues
Optimize Images High Priority Issues

The problem “Optimize images” is shown under “Should Fix” category with the list of images on the page along with the size / percentage of saving when the compressed image is served.

Why Do I Need to Compress Images?

Google PageSpeed is one indication from SEO perspective but there are lot many other aspects for serving an optimized image to users.

  • Reduced size of the image saves lot of network bandwidth of your server. If you are paying hosting based on bandwidth then this will save hefty amount.
  • You can also save lot of space on the server. Most of the hosting companies allow limited space for running a site and hence saving space on server will also save your hosting cost.
  • Pages will load faster thus providing better user experience.

In summary, optimizing images is not an optional task – it is a mandatory task for a site owner to have a better website in terms of reduced running cost, improved user experience and improved search engine ranking.

How to Fix WordPress Optimize Images Issue?

There are many ways to optimize your images, the well known way is using Photoshop for compression. But this may not be feasible for all WordPress users as it needs investment of both time and money. Also it is a difficult task, if you have thousands of existing images on your site. The simple solution is to use one of the image optimization plugins for WordPress and optimize both existing as well as new images. We tried out all the available plugins and found WP Smush from WPMU DEV is one of the best plugin for this purpose.

Install and activate WP Smush plugin from your WordPress admin dashboard. Navigate to the newly created menu under “Media > WP Smush”. The free version allows you to compress the images of less than 1MB and maximum 50 numbers in bulk. You can also compress individual images directly from the media library.

Now let us smush all the images used on our example page and check the page loading speed on Google PageSpeed tool again.

Optimize Images Becomes Low Priority Issue
Optimize Images Becomes Low Priority Issue

You can clearly see the score is improved considerably and the “Optimize images” issue is moved under “Consider Fixing” category from “Should Fix” category. Actually all the images are already optimized, but the issue still exist due to AdSense ads displayed on the page.

Optimize Images Issues for AdSense Ads
Optimize Images Issues for AdSense Ads

If you don’t have dynamically generated content like AdSense ads, the “Optimize images” issue will be fixed and moved to “Passed Results” category and the score will further improve.

Conclusion

In our case WP Smush worked perfectly, if it does not work for you then try with other alternatives like EWWW Image Optimizer plugin. In case if you don’t prefer to use plugins then there are external websites like TinyPNG offering image compression. Also Google PageSpeed Insights tool offer the optimized images, scripts and CSS resources used on the page. If you have less pages on your WordPress site then replace the original images with the compressed images from Google PageSpeed tool. At any case, find out the workable solution for your WordPress site and ensure to serve optimized images to improve SEO and user experience.

Editorial Staff at WebNots are team members who love to build websites and share the learning with webmasters community. Follow us on Facebook and Twitter.

Leave a Comment