Recientemente tuve un problema en mi aplicación web ReactJS que causó graves problemas de rendimiento. Algún componente tenía un error que provocaba que se renderizara con frecuencia y causara un alto uso de la CPU, lo que con el tiempo provocó que la aplicación no respondiera. Una forma de detectar el problema de manera objetiva fue registrar el rendimiento en las herramientas de desarrollo de Chrome. Esto mostró una gran cantidad de tiempo dedicado al renderizado.

Además de solucionar este problema, ahora estoy buscando una forma de detectar tales problemas escribiendo una prueba en Cypress que detectaría problemas de rendimiento como este.

Desafortunadamente, la simple medición de los tiempos de carga de la página no muestra un aumento significativo. Idealmente, me gustaría poder medir el uso de la CPU o la cantidad de tiempo que la aplicación dedica a renderizar.

¿Hay alguna manera de hacer esto en Cypress? ¿O algún otro marco de prueba?