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

Para depurar y analizar páginas web en Chrome DevTools, normalmente utilizo las siguientes pestañas:

• Elements — para ver y modificar la estructura DOM y los estilos CSS en tiempo real.
• Console — para mostrar registros, ejecutar código JavaScript y detectar errores.
• Network — para analizar las solicitudes de red, verificar la carga de recursos, tiempos de respuesta y estados.
• Sources — para depurar código JavaScript, establecer puntos de interrupción y paso a paso.
• Performance — para perfilar el rendimiento de la página, analizar tiempos de carga y renderizado.
• Application — para trabajar con almacenamiento local, cookies, IndexedDB y caché.
• Security — para verificar la seguridad de la conexión y los certificados.

Ejemplo: si la página tarda mucho en cargar, abro la pestaña Network, ordeno las solicitudes por tiempo y veo qué recursos están retrasando la carga.