Web Unleashed 2021

2021-10-20 00:00:00 2021-10-22 00:00:00 America/Toronto Web Unleashed 2021 Drive your career to the forefront by learning the latest tools, techniques and technologies in front-end web development. Online FITC EDT Online

Presentation


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 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.