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

SVG

Joan

León

Demo or
it didn't happen

Resources

¿?

Detectando problemas de Web Performance con Chrome DevTools - Open South Code 2023

By Joan León

Detectando problemas de Web Performance con Chrome DevTools - Open South Code 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.

  • 575