Optimize for interactivity using Web Vitals (FID/TBT)
Вставка
- Опубліковано 15 гру 2020
- 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; - Наука та технологія
Regarding the web vitals small JS library, If I lazy load web vitals script(after page load), should the metrics(CLS, LCP) be correct?
@@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.
What would be the cause for HIGH FID on mobile?
My desktop FID is good but mobile is bad
\--=\\=\
Use the library, Luke.
Hello :)