Increase Page Speed by Optimizing WordPress Images
You might have the best content in town, but if your site runs slowly, people aren’t going to stick around long enough to see it.
Cast your mind back to the early days of the Internet, when even lo-fi graphics took forever to load. It was frustrating back then, but we got on with it. Fast forward to 2020 and we’re having none of that. According to Kissmetrics, 40% of people will abandon a website if it takes more than three seconds to load.
It’s safe to say that every second counts these days, so why drive people away when you can reel them in instead! How you ask? Optimize your images. Using a WordPress image optimizer just happens to be one of the most straightforward fixes for speeding up a website. In a few clicks, you can make your site lighter and run more quickly!
Let’s get started.
Whether you’re a small business or an individual with a website, you need to be proactive about site speed. Optimizing your images is one way to make pages load faster. Before we cover how it’s done, It’s important to understand that improving site speed is the sum of several elements combined; CDN, caching, and image optimization:
A Content Delivery Network (CDN) is a distributed network of servers. The idea behind CDN is to reduce the distance between someone browsing the Internet, and the webserver delivering the content. This works by copying your site on many data servers worldwide.
Let’s say someone from England accesses your site based in the US. Instead of a server in America sending the information, a local server in the UK, holding a version of your site, sends it directly to them, speeding the loading time up considerably.
In simple terms, caching means that the web browser remembers things that you have recently looked at, allowing the site to deliver the content faster. If someone lands on your website and you don’t have caching enabled, their browser requests the entire page from your server each time you visit it. With caching, they get it in a snap. You’ll experience significantly faster load times but also decrease the load on your server.
Image optimization reduces your image file size as much as possible. When done properly, your photographs look great and your pages load quickly. You might have fantastic web hosting, but there is only so much that it can do if you’ve failed to take care of your images behind the scenes.
Think about how webpages look these days. To grab our attention and draw conversions, websites are all singing and dancing feasts for the eyes. But what does this mean for web pages? They are increasingly graphical and image-heavy.
According to HTTP Archive, as of October 2020, images make up on average 47% of a total webpage’s weight. It’s easy to overlook or simply forget that regularly adding pictures and images to your site gradually affects its speed. Since we know that faster websites boost search engines (SEO), image optimization is a must for every website if they want to succeed online.
Since there is no universal method to fix page speed, we recommend that you implement all of the methods mentioned above. This post is about image optimization because it’s the one method you can’t delegate the task to a web host.
The most straightforward way to add CDN and caching is through a Managed WordPress host. With EasyWP Managed WordPress hosting, for example, you get a global network of servers set up for you a caching plugin pre-installed with WordPress. It’s also the fastest WordPress hosting available so you won’t need to worry about losing precious seconds on account of your web hosting performance.
How to optimize images in WordPress
Image optimization can be done manually or with the help of a plugin. The manual approach is for anyone who prefers to do everything independently and maintain ultimate control over their website. As with most things in WordPress, plugins have simplified the job. Image optimization plugins save a lot of time while delivering fantastic results.
We’ll look at the plugins later, but first, let’s begin with the do-it-yourself method.
Optimize images manually
When we talk about image optimization, we’re covering a lot of ground. From choosing the correct image format to adjusting the size, and compressing the final image to make sure it’s as light as a feather, there’s a lot to keep in mind. Here’s an overview of what’s involved in doing it yourself:
- Convert images to a better file format (JPEG vs GIF vs. PNG) to shrink image sizes.
- Find the maximum size your image will display on your website. This is the maximum size your image needs to be. For example, if your blog displays all images at 800px in width, there’s no need to upload photos that are 3000px wide unless you allow visitors to view them at full size). From there, you can resize your images so they aren’t larger than they need to be. Image editing tools like Photoshop or Gimp handle this easily.
- Finally, compress the photo file so that it consumes less space. With Compress JPEG you can compress any file format ‘with the force of an elephant’.
These three techniques can reduce your image size by up to 80% if chosen correctly. Or you can save yourself the job of working out the right combination, and get a plugin involved.
Speed things up with a WordPress image optimizer plugin
As we’ve seen, there’s a lot of work involved to optimize an image yourself. If you prefer to put this task on autopilot, you need the right tools for the job, such as an Image Optimizer plugin.
A number of free plugins for reducing image size exist on the web, for example. They all have different features and allow you to find the configuration you need. We recommend using the EWWW Image Optimizer plugin.
EWWWW optimizes freshly uploaded images and existing images on your site. Besides automated optimization, you get control over how (and how much) your images are compressed.
Before we get started, you might be interested in testing your page speed now, and then again once the images on your WordPress site have been optimized.
- To begin, launch WordPress, and install and activate the plugin. Then select the new option Bulk Optimize within the Media tab.
- In the Bulk Optimize screen, click Scan for unoptimized images.
- Once the scan is complete, you’ll see how many images are ready to optimize (as displayed in the example below). Click the Optimize images button to allow the plugin to get to work.
That’s all there is to it! To see how much your site speed has improved, run your WordPress pages through a page speed tool like Pingdom and test them on your mobile device!
Final thoughts on WordPress image optimization
If you’ve not been optimizing your images, then it’s time you started. It won’t only make a difference to your speed, your users will appreciate it too, as will Google.
Besides image optimization, we mentioned that CDN and caching would significantly help you speed up your website. You should have no trouble adding a caching plugin, but CDN is a bit more complicated to set up.
The smoothest option is to go for Managed WordPress hosting like EasyWP. With EasyWP, page speed worries will be a thing of the past, and with plans starting from $1 for your first month, you can say goodbye to overpriced hosting too.
Creating a WordPress website has never been so straightforward. EasyWP takes care of the technical heavy lifting, giving our customers all the service they’d expect from traditional Managed WordPress, with premium features at a fraction of the cost. There’s even a professional caching plugin included to save you the time and effort to set these things up yourself.
If you enjoyed this article and would like to continue learning about site speed, you may also want to check out our guide on how to speed up your website.