How to Optimize Images for WordPress Using Smush It Image Compression
Webpage speed optimization is a complex and multi-facet topic, but many of the problems it poses have well-tested solutions. The methods and algorithms of compressing images for maximum performance are relatively well-known and agreed on, but out-of-the-box WordPress doesn’t make that a priority. So, when you want to optimize images for WordPress, you’ll often need to turn to an image optimization plugin. One of the most popular is “WP Smush It”, which is now called “Smush Image Compression and Optimization” on the WordPress plugin repository. The plugin allows you to “smush images” to help increase your site performance, load time, etc.
I recently felt a need to get some better marks from a webpage performance test called GTmetrix, and I used “Smush Image Compression” from WPMU DEV to do that. There are few limitations on the free-tier of this freemium plugin, but it worked well for what I was trying to do. (The paid version of the plugin goes by the name “WP Smush Pro”, and comes with WPMU DEV membership.)
Here’s a video showing how I got set up with the Smush It WordPress plugin:
For the people who prefer written-out steps:
Using WP Smush It, the Optimize Images WordPress Plugin
- You’ll first install the plugin. As usual, that means you’ll go to “Plugins > Add New” in your WordPress admin, and then search for the plugin name. In this case “Smush Image Compression” should be enough. (Because I was curious, the older name, “WP Smush It” also worked fine to search. 🤓)
- “Install” and “Activate” (those are button clicks) the “Smush Image Compression and Optimization” plugin from WPMU DEV.
- Out of the box, the plugin will automatically handle future uploaded files that you want to be compressed and optimized images for your WordPress site. So if that’s all you need (say, it’s a new site) you can stop here. You’ll automatically compress images moving forward!
- If you’ve got an existing media library, you’ll need to run it against existing images for the performance improvement. To do this, you’ll click the “Bulk Smush Now” button near the center of the screen. This is (in the free version of the plugin) limited to 50 images at a time.
You’ll note that the free version of the Smush It plugin from WPMU DEV also doesn’t compress your original images. Other plugins do this, but to encourage you to pay for the complete version of this, they’ve left it aside. I don’t consider it a huge issue (I almost use other image sizes for WordPress sites), but it is one to note.
Further Reading On Optimizing Page Speed
Page speed is something we’ve written a lot of content on here on WPShout. Here are three more articles about speeding up your WordPress site, besides Smush It image compression, that jumped to mind when I thought about it.
- How I Optimized Site Performance on WPShout
- Lazy Loading for Faster WordPress: Slow and Lazy Wins the Race
You Can Now Optimize Images for WordPress With Ease
Now you’re all set up with the Smush It WordPress plugin. For new website builders, this is a no-brainer. If you’ve got a huge media library on a big site, consider working backwards to smush images and improve site speed. Happy optimizing!