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.

We'd love to hear about your project!

Get in touch with us and see how we can help you.

Please select applicable project types:

Web ProjectUX / UI DesignBrandingPrint Project
Marketing Manager Karolina Chmielarska

Karolina Chmielarska

Marketing Manager @ Tobacco Dock

"Strafe has been fantastic to work with. They have approached the website redesign project very thoroughly, taking time to understand our business, challenges and objectives. Each step of the project made me feel more comfortable and happy with my agency choice. No question was ever left unanswered, and the team made complex technical & design queries easy to understand."

Director Joel Kemp

Joel Kemp

Director @ Lockwood Publishing

"Strafe take time to understand your needs and objectives which massively helps to deliver exactly what you are after. Strafe have great experience in the user journey and pretty much nail exactly what you are after. I found it refreshing working with an agency that instantly understands what you are trying to achieve and simply delivers with no nonsense."

Director Keiran Hart

Keiran Hart

Director @ Virtual Headquarters

"Strafe Creative continue to be a very important partner in our business. Not only did they build a website that converts at a rate way above industry averages, but they are always on hand to offer advice and ongoing support as our business continues to grow. I highly recommend the team at Strafe Creative."

Director Phil Richardson

Phil Richardson

Director @ Shortlist Marketing

"The team at Strafe were great, created a brand and website which really hit what we wanted and has received nothing but great reviews. Has it increased ROI? In the first few months since launch, visitors are up around 80% on average but engagements and high quality inbound leads from our target market are up about 600%."

Proud award winners

Reviews IO Rating Reviews IO Rating Reviews IO Rating Reviews IO Rating Reviews IO Rating Rated 4.96 by 24 lovely clients over at Reviews IO Logo

Prefer to call or email?

0115 9588803 ideas@strafecreative.co.uk