Front end Performance testing with AgileLoad
AgileLoad Script Editor capture and analyze all the requests made between the user and the application to build a test scenario.
The Replay function validate the script generated by replaying and comparing each request with the initial scenario.
The Replay tab contains for each page of your test scenario a graphical bar chart which shows the time spent for the primary request (in blue) and the overall response time (in orange). It also gives you details of all the resources loaded, the time spent for each resources, the detailed HTTP response (Body, Client HTTP Header, Server HTTP Header) associated with each HTTP request.
Agileload front end performance
For each page, you also retrieve, the HTML view, the source view, structure view, HTML tree view, HTML server headers view
Http data pane
A web page performance summary gives you details on DNS time, tcp connection time, SSL handshake time, the send time, server time, receive time, response http status, response size in bytes ecc..
Web performance details
This page speed waterfall highlights problematic resources to be optimized for each pages of your test scenario.
Web applications are becoming richer and richer in design and content and at the same time good user experience has become the most desirable attribute. There is misconception that application desired response time can be achieved by optimizing server side only. Research has showed that 80-90% of page load time is spend on client side and 40-50% page load time can be optimized by just focusing on front-end of the application as compared to 20% of server side optimization.
Also front-end performance optimization is not the same than back-end optimization. One is about improving the performance from a single user point of view, the other is focused on improving the performance from a multiple user point of view when resources are used concurrently.
Both tasks are complementary and can be tested with Agileload.
References:Agile Load
