Estou trabalhando em um projeto que utiliza muito JavaScript (ecmascript-6, jQuery), Html5, CSS e gostaria de ter alguma forma de medir a performance, o consumo de processamento e o consumo de memória RAM, para que, ao realizar alterações na forma de implementar, seja possível checar se melhorou ou piorou o desempenho da aplicação.
Notas:
- Não estou perguntando sobre boas práticas de otimização recomendadas pelo Google, Yahoo, Mozilla, Amazon, etc. (unificação e e minificação JavaScript ou CSS, utilização de cache, otimização de imagens, gzip, etc.), pois isso está satisfatoriamente resolvido.
- Não estou considerando o tempo de download da página, está satisfatoriamente resolvido.
- Uma forma para medir o consumo em memória RAM é o gerenciador de tarefas do Google Chrome, SHIFT + ESC, mas processamento não é mensurável adequadamente e não registra o histórico de consumo da memória RAM. Também não tenho referências de se estas medidas são confiáveis ou se não são.
- Também tem o recurso Profiles do Google Chrome DevTools (F12). Mas não achei prático para mensurar. Idem para o FireBug do Mozilla Firefox (F12).
- As ferramentas para desenvolvedor do Microsoft Edge (F12) são interessantes, mas ainda não parece ser a solução.
Como posso medir de forma prática e eficiente estas variáveis? Preferencialmente algo que registre valores máximos consumidos de CPU e memória RAM.
Para ilustrar: em PHP utilizo o WebGrind para realizar estas análises. Gostaria muito de encontrar algo similar em JavaScript.