4
I am working on a project that uses a lot of Javascript (ecmascript-6, jQuery), Html5, CSS and would like to have some way to measure the performance, the consumption of processing and the consumption of ram memory, so that, when making changes in the way to implement, it is possible to check whether the performance of the application has improved or worsened.
Notes:
- I am not asking about good optimization practices recommended by Google, Yahoo, Mozilla, Amazon, etc. (unification and minification Javascript or CSS, cache usage, image optimization, gzip, etc.), as this is satisfactorily solved.
- I am not considering the page download time, it is satisfactorily solved.
- One way to measure RAM consumption is the Google Chrome task manager, SHIFT + ESC, but processing is not measurable properly and does not record the consumption history of RAM. I also have no references to whether these measures are reliable or not.
- Also has Google Chrome Devtools Profiles feature (F12). But I didn’t find it practical to measure. Iofc for Mozilla Firefox Firebug (F12).
- Microsoft Edge developer tools (F12) are interesting but still does not seem to be the solution.
How can I measure these variables in a practical and efficient way? Preferably something that records maximum values consumed of CPU and RAM.
To illustrate: in PHP I use the Webgrind to perform these analyses. I would very much like to find something similar in Javascript.