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

¿?

Detectant problemes de web performance amb DevTools - DevFest 2023

By Joan León

Detectant problemes de web performance amb DevTools - DevFest 2023

Les Chrome DevTools són una sèrie d'eines integrades en el navegador per a ajudar-nos en el nostre desenvolupament. Hi ha moltes utilitats en elles, i diverses per a analitzar el rendiment de la nostra web o aplicació. Google continua millorant i afegint eines per a facilitar-nos el treball a l'hora de detectar punts de millora en el rendiment. En aquesta xerrada et mostraré les diferents eines que tenim per a detectar millores en Web Performance, i com usar-les per a treure'ls el màxim rendiment, així com alguns snippets per a ser unes/us autèntiques/us magues/us detectant punts de millora.

  • 339