¿Qué herramientas y funciones utilizas en Chrome DevTools para analizar y depurar páginas web?

En Chrome DevTools, para analizar y depurar páginas web, suelo usar las siguientes herramientas y funciones:

• Elements — para ver y editar el DOM y CSS en tiempo real.
• Console — para ejecutar código JavaScript y ver logs, errores.
• Network — para analizar solicitudes de red, tiempos de carga de recursos, verificar respuestas del servidor.
• Sources — para depurar JavaScript con la posibilidad de establecer puntos de interrupción.
• Performance — para perfilar el rendimiento de la página, identificar cuellos de botella.
• Application — para trabajar con almacenamiento local, cookies, IndexedDB.
• Lighthouse — para auditar el rendimiento, accesibilidad y SEO.

Por ejemplo, para rastrear un problema de carga, abro la pestaña Network, filtro por tipo de recurso y reviso el estado y el tiempo de carga de cada archivo.