Optimize for interactivity using Web Vitals (FID/TBT)

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 → goo.gle/3pY5s7P
How Mercado Libre optimized for Web Vitals → goo.gle/2V1RYte
Speakers: Demian Renzulli, Cheney Tsai
Watch all Chrome Developer Summit sessions here → goo.gle/cds20-sessions
Subscribe to Google Chrome Developers here → goo.gle/ChromeDevs
#chromedevsummit #chrome #webvitals
event: Chrome Dev Summit 2020; re_ty: Publish; product: Chrome - General; fullname: Demian Renzulli, Cheney Tsai;

[@jomat6151]

Regarding the web vitals small JS library, If I lazy load web vitals script(after page load), should the metrics(CLS, LCP) be correct?

[@jomat6151]

@@kolappan There are certain grey areas when you do lazyload. First and foremost, there is a high probability of losing accurate Largest Contentful Paint metrics. By the time, your lazyload library attach performance observer your browser might already started rendering image resources. So metrics won't correct.

[@munnireddy3126]

What would be the cause for HIGH FID on mobile? My desktop FID is good but mobile is bad

[@farrelkenzie8239]

\--=\\=\

[@Textras]

Use the library, Luke.

[@guiguicdd]

Hello :)