Blog Post

Using Images to Take Down Your Site Performance

Published
April 5, 2016
#
 mins read
By 

in this blog post

In my last blog, I gave you five simple steps to slow down your site and ruin your customer experience. One of those steps involved images; specifically making them as big and rich as possible, using large mega-pixel images, and not compressing them. I also mentioned that truly creative people could find additional ways to use images to bring their site to a crawl.

While investigating some issues for an ecommerce website, I discovered just how creative some people can be. In their new ad campaign, the company dropped a 3.5 MB background image on their homepage—and in making sure they inflicted maximum pain on their customers, they requested that background image twice. That’s 7 MB of data to download for just two images. The chart below provides a clear visual of when this campaign was launched and their load speed was brought down with it.

image load speed

I was able to stop the sea of red (and the alert spam) by blocking those images from loading with Catchpoint, but the site’s customers continued to suffer.

In addition to the background image(s), this company also included additional large images.

image performance

With the homepage originally a whopping 14 MB, it still weighed in at 7 MB without the images even being present.

This ecommerce campaign is a perfect example of how to use images to bring your site speed down to a crawl and your brand reputation to the gutter. If you want to learn how not  to ruin your web performance, take a look at our recent blog post with expert advice on optimizing your objects.

In my last blog, I gave you five simple steps to slow down your site and ruin your customer experience. One of those steps involved images; specifically making them as big and rich as possible, using large mega-pixel images, and not compressing them. I also mentioned that truly creative people could find additional ways to use images to bring their site to a crawl.

While investigating some issues for an ecommerce website, I discovered just how creative some people can be. In their new ad campaign, the company dropped a 3.5 MB background image on their homepage—and in making sure they inflicted maximum pain on their customers, they requested that background image twice. That’s 7 MB of data to download for just two images. The chart below provides a clear visual of when this campaign was launched and their load speed was brought down with it.

image load speed

I was able to stop the sea of red (and the alert spam) by blocking those images from loading with Catchpoint, but the site’s customers continued to suffer.

In addition to the background image(s), this company also included additional large images.

image performance

With the homepage originally a whopping 14 MB, it still weighed in at 7 MB without the images even being present.

This ecommerce campaign is a perfect example of how to use images to bring your site speed down to a crawl and your brand reputation to the gutter. If you want to learn how not  to ruin your web performance, take a look at our recent blog post with expert advice on optimizing your objects.

This is some text inside of a div block.

You might also like

Blog post

Performing for the holidays: Look beyond uptime for season sales success

Blog post

Catch frustration before it costs you: New tools for a better user experience

Blog post

Preparing for the unexpected: Lessons from the AJIO and Jio Outage