Faster loading times with AVIF images | Workshop

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=9E3Vp-LXfag


Duration: 59:12
2,911 views
41

Images account for more than 60% of the bytes on average needed to load a web page. Using AVIF, you can make your images smaller and make your website load faster. Discover how and why AVIF images can be beneficial to your website, as well as methods of creating AVIF images, and ways to serve AVIF images.

Resources:
Squoosh Command Line Interface → https://goo.gle/3E5rjRk

Speaker: Frank Galligan

Watch more:
Watch all Chrome Developer Summit videos → https://goo.gle/cds21-allsessions

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#ChromeDevSummit



Other Videos By Chrome for Developers


2021-12-08Thinking on ways to solve TOASTS
2021-12-07Macro & micro layouts - Designing in the Browser
2021-12-03Offline fallback page - Unpacking the Workbox
2021-12-03Container queries - Designing in the Browser
2021-12-02Faster DevTools navigation with shortcuts and settings | DevTools Tips
2021-12-01The fundamentals of CSS layout | Workshop
2021-12-01Building a web application in Angular | Workshop
2021-12-01Enhance accessibility in your Angular builds | Workshop
2021-12-01Launching your PWA to Google Play Store | Workshop
2021-12-01Security and usability with cross-origin isolation | Workshop
2021-12-01Faster loading times with AVIF images | Workshop
2021-12-01Build user-adaptive interfaces | Workshop
2021-12-01Two-factor authentication workshop with WebAuthn | Workshop
2021-11-30Bringing bounce and elastic easing to CSS | HTTP 203
2021-11-22Designcember is coming!
2021-11-19SVGcode: A PWA to convert raster images to SVG vector graphics
2021-11-16New in Chrome 96: Improvements for installed PWAs, Priority Hints, and more!
2021-11-15Building a more private web
2021-11-15The new responsive design
2021-11-15Understanding performance with Core Web Vitals
2021-11-15How leading developers build innovative web experiences


Tags:
Chrome Dev Summit
Chrome Dev Summit 21
Chrome Dev Summit 2021
Chrome
Chrome Developers
Chrome Development
what's new in chrome
chrome development updates
Chrome developer updates
new in chrome
type: Conference Talk (Full production)
pr_pr: Chrome