How do I compress images to speed up my website?

Author
Published
TechWeb Development

Speed of your website is paramount. In fact, speed is now a ranking factor in SEO (Search Engine Optimisation). It will also affect the likelihood that someone will not only stay on your website but also buy from you.

Let’s keep this simple. Have you ever landed on a website, which has taken more than a few seconds to load? I bet most of you decided to leave and try another site almost immediately.

Another question for you… Have you tried to buy something online when all of a sudden the website becomes unresponsive and seems to be taking ages to load? I bet once again you left and found somewhere else to purchase from.

This article is mainly aimed at WordPress website owners, webmasters and non-technical, non-coders.

Here is a list of three areas you can look at to improve the speed on your site and our recommended tools to help you along the way:

1. Optimising Imagery

This may seem really simple, basic information but this is super important. I see it all too often that images on sites are just too large. You should aim to have images on your website lower than 100KB. To give you an idea of that size, there are 1000KB in 1 MB. We regularly have clients saying that their website is running slowly and turns out they’ve uploaded four or five images of 1.5MB to a single page. So, we’d highly recommend that you reduce and compress your images before putting them online. You can do this with:

Tiny PNG
TinyPNG is an great bit of kit, which gives you guys twenty images for free!. It uses smart lossless compression techniques to reduce the file size of your PNG files. The plus is the images look exactly the same and they’re much smaller in size. The benefit of this being smaller files are much quicker to load! Winner!

Adobe Photoshop
Adobe Photoshop is the benchmark by which all other photo altering softwares are monitored. Being very advanced, there is a cost is applied to this. However, they do offer a free version. To optimise your images, all you need to do is:

  • Open the software:
  • Go to File> Export> Save for web (Legacy)
  • Reduce the percentage number down so the image still looks good but the file size is reduced.
  • Job done!

PhotoPea
A free alternative to Photoshop, Photopea offers very similar functionality and images can be exported in a similar way:

  • Go to File> Export as
  • Select the file type and then the quality percentage
  • Then save. Simple!

2. Caching

So first let’s explain what caching is. Caching is the storing of data on your local computer. It can “cache” or save common elements such as logos, and imagery that are used on all pages so the site doesn’t have to keep loading those parts each time, which in turn can quickly speed up the experience whilst on the site.

WP Super Cache 
There are many different plugins which can be used to add caching to your website but some are quite complex. For now, I’d recommend using WP Super Cache as it’s simple to add and will do the job perfectly.

3. Minifying

Minification is the process of minimising code by removing gaps and spaces within the code on web pages and script files. It’s one of the main methods used to reduce load times and bandwidth usage on websites. Instead of readable code, it looks more like something you would see on the Matrix but it’s a great way again to reduce file size which in turn speeds up your website.

WP Super Minify 
Again, there are lots of tools on the market to do this and we’d recommend using WP Super Minify. A great plugin for minifying your code!

Subscribe to our newsletter

Subscribe now and get our top news once a month.
100% development, design & strategy.
100% spam-free.