Overview
Images have been a key part of the web for decades. Our brains interpret images much faster than text, which is why high-quality visuals drive conversions and user engagement.
Just think about landing pages and product photos, feature panels, and hero areas. To be effective, all these images need to be carefully orchestrated to appear on the screen fast — but as it turns out, loading images efficiently at scale isn’t a project for a quiet afternoon.
Image optimization, loading behavior and rendering in the browser require understanding of quite a few things: image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading.
In this talk, you’ll learn the tips and tricks that help production sites deliver images that have optimal Largest Contentful Paint and minimum Cumulative Layout Shift, from the author of the “Image Optimization” book, Addy Osmani.
Objective
Learn about optimizing your site for images and visual content.
Things Audience Members Will Learn
- Why you should be using images and visual content
- What the key factors of image loading, rendering, and optimization are
- How you can work around the image details and elements that slow down your site
- Tips and tricks to make this process easier and less cumbersome
Audience
Anyone who works with the use of images on websites, especially web developers and designers.
