Big images, slow pages, and how to fix them

Big images, slow pages, and how to fix them

Big images, slow pages, and how to fix them

Images are often the largest content assets on a web page. But those beautiful, high resolution hero banners that have taken so much time to produce can come at a price – one that many visitors may not be willing to pay.
Images are often the largest content assets on a web page. But those beautiful, high resolution hero banners that have taken so much time to produce can come at a price – one that many visitors may not be willing to pay.
Images are often the largest content assets on a web page. But those beautiful, high resolution hero banners that have taken so much time to produce can come at a price – one that many visitors may not be willing to pay.

6 June 2024

Technology

2

min read

Joseph Moore

,

Front-end Developer

Laptop and image frame
Laptop and image frame
Laptop and image frame
Laptop and image frame

2024 UPDATE:

  • Large images can significantly slow down your website, leading to higher bounce rates and lower search rankings.

  • Modern image formats like AVIF and WebP offer superior compression and quality, improving load times.

  • Digital Asset Management (DAM) systems and Content Delivery Networks (CDNs) now offer advanced features for automatic image optimisation and format conversion.

  • This article explores these modern solutions to help you enhance your site's performance and user experience in 2024.

Web developers spend hours researching, testing, and tweaking their code to ensure a web page works as well as it can. However, choosing and uploading imagery to a content management system (CMS) often falls to a content editor who may not have a technical background.

A content editor’s skills typically lie in writing engaging copy and choosing vibrant graphics, but they can't be expected to have a deep understanding of image file formats and compression ratios. Without tools or workflows that can handle this automatically for them, not taking any action to adjust file sizes of images and videos can lead to page sizes growing significantly, resulting in longer load times and higher bounce rates.

This is a problem.

It’s well known that slow web pages have higher bounce rates and that site speed is part of Google’s ranking algorithm. Research from Google (see above) shows the impact of slow page load times on bounce rates – the slower your page loads, the more people will leave.

Help is at hand with WEBP and AVIF

The web is continually evolving, and browsers are supporting new features like the AVIF and WebP image file formats. While most people are familiar with JPEG and PNG, these formats can result in large file sizes if not compressed properly.

AVIF and WebP are modern image formats that can replace both JPEGs and PNGs, offering smaller file sizes and better image quality. AVIF, in particular, provides even more significant compression and image quality improvements compared to WebP.

A tool to automate image conversion and optimisation

At Codehouse, we ensure our customers' websites look great and perform brilliantly by testing new tools and technologies. Today, many DAM systems and CDNs offer built-in features for automating image optimisation.

For example, services like Cloudinary, ImageKit, and Optimole can automatically convert images to AVIF or WebP formats, compress them, and serve the optimised versions based on the user's browser capabilities. These tools integrate seamlessly with various CMS platforms, like Sitecore, Storyblok or Sanity, allowing content editors to upload images without worrying about compression.

Additionally, many DAM systems, such as Optimizely DAM, Digizuite and Sitecore Content Hub, and CDNs like Akamai and Cloudflare, offer advanced image optimisation features. They can automatically handle image compression, format conversion, and delivery, ensuring that your website serves fully optimised images quickly and efficiently.

Working with Codehouse

If you have a Sitecore website and are concerned about large image sizes affecting your load times and bounce rates, or if you're unsure about your page load times, we can help. Get in touch.

By focusing on image optimisation, leveraging AVIF and WebP formats, and using modern DAM and CDN tools for automated image optimisation, you can significantly improve your website's performance and user experience in 2024.

THE EXPERIENCE ENGINE

Personalise your site in 20 days! No Roadblocks. No Upgrades. MVP Driven.

THE EXPERIENCE ENGINE

Personalise your site in 20 days! No Roadblocks. No Upgrades. MVP Driven.

THE EXPERIENCE ENGINE

Personalise your site in 20 days! No Roadblocks. No Upgrades. MVP Driven.

Talk to us about your challenges, dreams, and ambitions

X social media icon

Codehouse acknowledges the Traditional Owners of Country throughout Australia. We pay our respects to Elders past and present.

©

2024

All rights reserved, Codehouse

Talk to us about your challenges, dreams, and ambitions

X social media icon

Codehouse acknowledges the Traditional Owners of Country throughout Australia. We pay our respects to Elders past and present.

©

2024

All rights reserved, Codehouse

Talk to us about your challenges, dreams, and ambitions

X social media icon

Codehouse acknowledges the Traditional Owners of Country throughout Australia. We pay our respects to Elders past and present.

©

2024

All rights reserved, Codehouse

Talk to us about your challenges, dreams, and ambitions

X social media icon

Codehouse acknowledges the Traditional Owners of Country throughout Australia. We pay our respects to Elders past and present.

©

2024

All rights reserved, Codehouse