One of the easiest and most effective ways to speed up your websites page loading speed is to optimise your images. Image optimisation for increasing page load speed is something you should always be thinking about when you are uploading images to your website. Large images take longer to download. Even though you can take high definition images on your camera or mobile device, they still need to be optimised for use on the internet.

What is image optimisation for increasing page load speed?

Put simply, it is reducing the size of your image, without compromising the quality. This ensures faster delivery of your image and therefore, a faster load time for your page. Optimising images for speed is different to optimising images for SEO because the goal of the optimisation is to deliver your image quicker, not get it ranked in search engines. Optimising images for SEO is something I will cover in another post.

How do you identify which images need optimising to increase your page load speed?

I use both Google PageSpeed tool and Pingdom speed tool to look at what is causing my site to load slowly. The Google PageSpeed tool gave me this error when I ran it on my home page.

Optimise images to increase page load times

I identified the image and when I checked its size I found it to be 246KB. I created the image in Canva and downloaded the recommended PNG file.

How to optimise your image to increase your page load speed?

To reduce the file size, without reducing the quality I went over to https://compressor.io where you can reduce the size of your images. There are other tools out there but this is my favourite. I started with the PNG version of my image but it was only compressed to 223KB which isn’t much really. but these files are larger than the JPEG.

So I went back to Canva. I downloaded the JPEG version which was slightly smaller, measuring 194KB. I ran this through the compressor tool and as if by magic, my file was compressed to 63KB. That’s more like it! (Happy dance)

I uploaded my compressed image to my website and replaced the old uncompressed image.

Google PageSpeed tool now told me I only to compress one image, however, this was an image I had no control over, so I have left it for now. Pingdom tools also told me my site was 100mS faster! Inching bit by bit towards a faster website…

If you have lots of images that need optimising and you have already uploaded them to your website, it could take you a lot of time to do it one by one. For WordPress websites, there are a few plugins you can use. I use Optimus it is free and it gives good results, but there are others if you want to look around.

If you want me to help you speed up your website, get in touch today!

 

 

Grab my 7 Website Planning Roadmaps, Including 5 Checklists!

Not sure where to start when building your website? Use these 7 roadmaps to identify where you should start and what your plan of action should be. 

GDPR

You have Successfully Subscribed!