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.

  • 441