How to do performance / load test of a modern angular application
We have assigned a task to do performance test and load test of a web application uses angular 6+ as the frontend-framework.
The application is big and have lots of modals etc. We have to perform some "real" e2e-frontend-tests.
What all are the current approaches and tools to test applications like this?
We want to do some real e2e performance test like open a browser in headless mode, open a wizard and getvthevtimevit takes until the wizard appears.
Like frontend testing with selenium. We are able to do this with selenium tool but do not know if its the right tool.
Thanks in advance.
Tagged:
Comments
The best way of testing client-side performance is profiling the application using browser developer tools
If you want to automate the process - you should go for the browser automation framework, the most popular one is Selenium. You will be also capable of executing JavaScript calls to access Performance object in general and Navigation Timing / User Timing APIs in particular.
I would also recommend keeping in mind server-side performance, i.e. you might want to check how many concurrent users you application can handle without issues, what are the saturation point / first bottleneck, when response time starts increasing or errors start occurring. So consider combining client-side performance tests with conducting the anticipated load onto your application as it can be the case that from client perspective rendering is very fast but server responds slowly causing bad user experience. Depending on your test lab hardware you can either go for Selenium Grid to kick off many browser instances or go for a dedicated load testing tool .