Optimize for interactivity using Web Vitals (FID/TBT)

Optimize for interactivity using Web Vitals (FID/TBT)

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


Duration: 24:36
17,124 views
413

This talk reviews the main concepts behind interactivity in the web, including "First Input Delay" that is one of Core Web Vitals metrics, and its related lab-measurable metric: "Total Blocking Time." We also learn how MercadoLibre, the largest ecommerce and payments site in Latin America, optimized interactivity to achieve a 90% reduction in "Max Estimated FID" and a 9% increase in users perceiving "First Input Delay" as fast.

Resources:
First Input Delay → https://goo.gle/3pY5s7P
How Mercado Libre optimized for Web Vitals → https://goo.gle/2V1RYte

Speakers: Demian Renzulli, Cheney Tsai

Watch all Chrome Developer Summit sessions here → https://goo.gle/cds20-sessions
Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs

#chromedevsummit #chrome #webvitals

event: Chrome Dev Summit 2020; re_ty: Publish; product: Chrome - General; fullname: Demian Renzulli, Cheney Tsai;



Other Videos By Chrome for Developers


2020-12-18Next-level web apps on desktop
2020-12-17Transitioning to modern JavaScript
2020-12-17Debugging WebAssembly with modern tools
2020-12-17Extending CSS with Houdini
2020-12-17Submission shoutout for STORIES | GUI Challenges
2020-12-17What's new in DevTools
2020-12-16Updating the way we work
2020-12-16SMS OTP form best practices
2020-12-16Sign-up form best practices
2020-12-16Thinking on ways to solve CENTERING
2020-12-16Optimize for interactivity using Web Vitals (FID/TBT)
2020-12-15A more private way to measure ad conversions
2020-12-15Enable and debug cross-origin isolated
2020-12-15Introducing the Privacy Budget
2020-12-15Chrome OS Terminal
2020-12-15Superpowers for next gen web apps: Machine learning
2020-12-14Beyond fast with new performance features
2020-12-14Core Web Vitals and SEO
2020-12-14Exploring the future of Core Web Vitals
2020-12-14Chrome Dev Summit Adventure: How we built it
2020-12-11UX patterns optimized for Core Web Vitals


Tags:
type: Conference Talk (Full production);
pr_pr: Chrome
purpose: Educate