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.

  • 1,022