Case Study Base64 vs. Embedding Images

OpenAFF is the first technology affiliate network

Nick

🧙🏻‍♂️ Wizard 🔮
Staff Member
Community Leader
Joined
May 7, 2018
Messages
4,445
Inspired by this post by @Journey66 I decided that I needed to test if Base64 encoding your images was actually faster... and by how much. If you've used any spy tool recently then you'll know that you constantly find base64 encoded images in the landing pages.

For this test, I used a simple push collection landing page that I found :devilish::

screen-shot-2019-10-15-at-2-55-06-pm-png.6190

In total that landing page has 4 images, 3 in the body of the page and 1 as the favicon.

I uploaded the page with the images encoded with Base64 and in another folder uploaded the same landing page with .jpg files instead. They are hosted on Amazon S3 with Cloudfront as the CDN.

Then I used the trusty GTmetrix page speed tester to see if Base64 is any faster, and if it is by how much. I set the Test Server Region to Dallas, USA, as Cloudfront has an edge location there.

I tested each landing page 10x with both an unthrottled full speed connection and with a throttled 3G connection. Here are the results:

screen-shot-2019-10-15-at-3-23-21-pm-png.6192


Here is the data I collected (note
 
Last edited:
To view the premium content in our affiliate marketing forum (including this awesome thread), you must first register and upgrade your account. Register today and become a part of our amazing community!
Top