How to performance test an AngularJS Web Application?

Question

I used to do performance testing on websites mostly with JMeter scripts.

However, more and more projects are build with frontend MVC\'s, such as AngularJS and a curr

Answer 1

You can try https://github.com/kidk/felt it is build for this specific purpose.

It uses PhantomJS/SlimerJS to generate load to a website, so you get all the API/JS/CSS and image calls you would get like in a normal browser. It is still a young project, but it might be the solution you are looking for.

(This is my personal project)

Answer 2

You can try to use the option 'Use as Monitor' for the requests you fire up from your test.

http://jmeter.apache.org/usermanual/build-monitor-test-plan.html

They are performance killers, though. Another option is to use the listener 'Save Responses to a File' to see if the end HTML is delivered. It should not give you the ideal result but it might help.

If you want to track down performance of XHRs for a single user, you can try to play with Selenium and BrowserMob Proxy, but it is not under the stress testing, but functional testing.

Answer 3

I use Chrome dev tools to do this kind of performance tests in web apps. I suggest you to read the Chrome Profiling docs (https://developer.chrome.com/devtools/docs/javascript-memory-profiling). All the section of Performance and Profiling in goolge documentation is really good!

Answer 4

Although JMeter isn't capable of executing client-side JavaScript it can record relevant requests via HTTP(S) Test Script Recorder. Once recorded you should be able to combine all the standalone requests into one "aggregate" using JMeter's Transaction Controller

If this easy approach for some reasons doesn't play for you check out How to Load Test AJAX/XHR Enabled Sites With JMeter for more options and clues.