Joan León PRO
⚡️ Web Performance Consultant | Speaker | Staff Frontend Engineer at @AdevintaSpain | @GoogleDevExpert in #WebPerf | @cloudinary Ambassador
Detectando problemas
de Web Performance
con Chrome DevTools
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Disclaimer
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
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.
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Capture screenshots
Show overviews
Use large request rows
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
AVIF + WebP
JPEG
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Joan
León
Demo or
it didn't happen
Joan
León
Resources
¿?
Joan
León
Detectando problemas de Web Performance con Chrome DevTools - Commit Conf 2023
By Joan León
Detectando problemas de Web Performance con Chrome DevTools - Commit Conf 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.
