Using the correct image type and the impact on page size

No Comments

I’ve recently partnered up with a friend from SEO Chat on a small site he runs, called SpeedyTests which is a driving test cancellation checker.

 

It was his first real site build and lets just say, it’s not the most efficiently coded in some areas. Granted still loading quick because it’s a custom coded site

 

Running the site through Lighthouse the biggest change they recommend is using next-gen image formats:

So that’s what we did. Here’s a before and after on the two pages:

Homepage (https://speedytests.co.uk/)

Before:

After:

A full 128kb saving for five images, took less than 10 minutes to do and made a good saving.

 

Driving Test Cancellation Page (https://speedytests.co.uk/driving-test-cancellations)

Before:

After:

 

In both of the above, these hadn’t had time to be properly cached by our CDN (Cloudflare) so load time is all over the place.

 

Also, yes I am aware of the irony with using PNGs in this article.


I'm a digital marketing consultant based near Peterborough, England. I'm active on the SEO Chat forums and Moz. I'm always on the look out for things to test and to learn that little bit more.

About me and this blog

I'm a digital marketing consultant, posting as much as I can that will help people learn about SEO and other topics. 

Request a free quote

I offer various SEO services that help websites increase their online presence, I offer packages for every single type of website. 

Subscribe to our newsletter!

Fields marked with an * are required
 

Leave a Comment

More from our blog

See all posts