Did you know there are some steps you can take, as a website owner, to improve your WordPress site’s speed?
How to Improve Your Site Speed
First, run your website through a speed checker like tools.pingdom.com
. Enter your URL, and choose a location that’s nearest your audience.
When it has finished running, you’ll see some initial results.
In this example, you see that the page size is 13.7MB, which is quite large. Fortunately, Pingdom still finds it loads in 2.34 seconds, which is good for a site that size. But your real-life results may be slower than that.
You can make some small adjustments that can greatly improve your site speed.
If you scroll further down the Pingdom results, under “Content size by content type”, you can see that images account for 12.8MB of the size.
That’s actually pretty good news, because adjusting images is one of the easiest ways to reduce a page’s size, and improve your website’s loading time.
If you scroll further down to “File requests”, you can sort by “Response Total Size” and uncheck the “rising” box. Now you can see the files listed from largest to smallest.
In this example, you can see that the first six files listed by largest to smallest are images. That means we can reduce the page’s size and improve loading time fairly easily. You can click on each line to see the image in question.
How can you reduce image size to improve your site speed?
STEP 1: Resize Images
First things first: always keep a copy of your larger, original image somewhere safe.
This allows you to try different methods of resizing and create the right size for your purposes, while ensuring you can always start again from your original if you need to.
Images under 5MB
Start by saving the images to be resized from your website to your computer. Then upload them or drag and drop them into the box on the TinyJPG
Note that TinyJPG won’t handle images over 5MB in its free version.
Images over 5MB
If you have images over 5MB, like the first one listed above, try PicResize
Browse to find your image, or drag and drop it from your computer to the website, then click on “Continue to edit picture.”
Under “Select a new size for your picture,” you can choose a size (in pixels). For a full-width image, you generally don’t need anything larger than 3000 pixels wide at most, and you can go much smaller if your image will only display on a fraction of the page’s width.
Under “Save As” choose “JPG” and choose the quality you prefer. Then click on “I’m Done, Resize my Picture.”
Then save the smaller image to your computer.
You can see the new image size listed.
If the image still isn’t quite small enough, as in this example, you can now run the smaller version through TinyJPG.
How to replace your large images with your new, smaller versions
Note: Initially, you entered your website’s home page into Pingdom for testing. That means it tested only that one page. If you’re concerned about the size of other pages on your site, you can repeat the same process on every page by entering each page’s URL into https://tools.pingdom.com/, and that will help you find images you could resize.
STEP 2: Resize images going forward
Ideally, your images should be a few hundred KB at most, and smaller is better as long as you’re not compromising quality, either. You can install Smush
, a plugin available in the WordPress repository, to resize your images (they must be 2MB or smaller to be resized by the free version). The plugin can resize your images when you upload them, and you can also run it on images already present on your site.
STEP 3: Make sure your WordPress software, plugins, and themes are up to date
STEP 4: Add a caching system to improve your site speed
Another easy step to take after you resize & replace the images is to add a caching system if you don’t have one. Among free options, we like WP Fastest Cache
Once you’ve taken these steps, run your site through Pingdom
again, and see how your page size has shrunk and your site speed has improved!