Joan León PRO
⚡️ Web Performance Consultant | Speaker | Staff Frontend Engineer at @AdevintaSpain | @GoogleDevExpert in #WebPerf | @cloudinary Ambassador
Detecting
Web Performance Issues
with Chrome DevTools
Joan
León
Web
Performance
Product
Disclaimer
The resource https://web.dev/fonts/material-icons/regular.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
Capture screenshots
Show overviews
Use large request rows
Joan
León
Remote debug Android devices
Interaction event type: mouseover
Interaction event type: pointerover
Interaction event type: gotpointercapture
Interaction event type: mouseover
💻
📱
Resources
Detectando problemas de Web Performance con Chrome DevTools - Workshop Fest 2023
By Joan León
Detectando problemas de Web Performance con Chrome DevTools - Workshop Fest 2023
Las Chrome DevTools son una serie de herramientas integradas en el navegador para ayudarnos en nuestro desarrollo. Hay muchas utilidades en ellas, y varias para analizar el rendimiento de nuestra web o aplicación. Google sigue mejorando y añadiendo herramientas para facilitarnos el trabajo a la hora de detectar puntos de mejora en el rendimiento. En esta charla te mostraré las diferentes herramientas que tenemos para detectar mejoras en Web Performance, y cómo usarlas para sacarles el máximo rendimiento, así como algunos snippets para ser unas/os auténticas/os magas/os detectando puntos de mejora.
