Javascript performance testing has been a major issue due to a lack of features. Chrome has made this much more useful but lets see what you can do in any browser before diving into chrome specifically.
Main issues of performance have been
- Jumpy or slow animations
- Memory leaks so applications get slower over time
- Poor API performance
Performance.now() is a candiate for standarization. A nice article about it can be found at https://www.sitepoint.com/measuring-javascript-functions-performance/
Great overview of chrome dev tools if you want to look into it more. https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool
Another review of chrome dev tools http://www.dwmkerr.com/fixing-memory-leaks-in-angularjs-applications/
Microsoft Edge dev tools have been progressing nicely and they have a few good partners and tools as well. https://developer.microsoft.com/en-us/microsoft-edge/tools/
Source code for this example was from code labs found at https://codelabs.developers.google.com/codelabs/web-perf/index.html
New Chrome Dev tools helps troubleshoot scrolling issues https://developers.google.com/web/updates/2017/07/devtools-release-notes
Windows Only https://developers.google.com/web/tools/chrome-devtools/memory-problems/
Node Only https://github.com/lloyd/node-memwatch https://github.com/bnoordhuis/node-heapdump
To many watchers or overuse of ng-show/ng-hide
https://www.airpair.com/angularjs/posts/angularjs-performance-large-applications
Angular Specific Tools
https://www.vividcortex.com/blog/common-ui-performance-problems-in-angular-apps
Performance Tooling in AngularJS $compileProvider.debugInfoEnabled(false); Is the biggest consideration
Performance Tooling in Angular2/4
