Faster image delivery leads to lower bounce rates and higher conversions. Tobias Baldauf discusses image compression in depth, the new HTTP2 standard, and demonstrates how much they improve page speed and user experience.

Images are a crucial component of all websites: they evoke emotions and prompt actions. They also form 64% of website data and have the highest impact on page load time. While modern image compression techniques can alleviate some of the negative impact of image loading, key web performance metrics such as Speed Index and Time To Interact suffer from our need for images.

Image Compression & HTTP2

With HTTP2, we have a powerful tool at our disposal to address these issues for image loading. Tobias Baldauf is a web performance evangelist and consultant at Akamai. This talk, given at Beyond Tellerrand 2016, walks you though the steps needed to get granular control of the encoding process for progressive or interlaced images to improve your website’s performance.

Making sure your JPEG assets ship progressively means web browsers can start laying out your pages after just 15% of each image has been transmitted—because that first 15% includes crucial information about the final dimensions of the image. This makes for a much better user experience: pages format much more quickly and the layouts don’t jump around while assets load.

Your Hero Images Need You! Save the Day with HTTP2 Image Loading – Tobias Baldauf – btconfDUS 2016 from beyond tellerrand on Vimeo.

I can’t wait for HTTP2 to become standard. One of its major benefits is that all website assets are downloaded at once. Instead of the current request/wait request/wait request/wait process that kills page speed, HTTP2 opens a single connection that allows multiple requests to be processed simultaneously—no more waterfall diagrams.

Mentioned in this talk: Image Optimization Tools & HTTP2

Leave a Reply

‹ Back to Latest Articles