Addy Osmani is an engineering manager working on Google Chrome. His team focuses on speed tools and frameworks, helping to keep the web fast.
Devoted to the open-source community, the projects Addy has contributed to include Lighthouse (an auditing tool for performance and web best practices), Workbox (libraries for offline-caching files using service workers) and many others.
Addy is also the author of the recent Smashing book Image Optimization.
Picture Perfect - Optimize Images for Core Web Vitals
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 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.