Web front end performance testing using IE11 's F12 developer tools

Use IE to access the tested site (my Ie11,edge browser is the same), navigate to the page you want to test the action on, or the previous page of the page being tested. Press F12 to bring up developer tools, other features I'm not going to introduce, switch directly to the Performance tab.

Follow the prompts by pressing the shortcut key Ctrl+e or by clicking the Start button in the upper left corner for analysis.

Then on the page to be tested, here my action is to open a list, because the system is used to feel the speed of the open list is very slow. Can do a number of operations together to analyze, here for the convenience of analysis, I only test a transaction, and LoadRunner test set when the transaction corresponds.

Wait until the page has finished loading, click the End button in the upper left corner of the F12 tool or use the shortcut key again ctrl+e Stop the analysis session and wait for a moment for the program analysis data to generate the report chart.

The report is very intuitive, you can drag the selection of the area above the timeline, we select a large area of CPU utilization, the latter area because just I went to drink a cup of water did not timely press stop so also recorded, in fact, in 50 seconds or so the transaction has been completed. In the timeline section below, we choose to sort by duration so that we find the longest-time event. The event can be unfolded to view the action under the event, and continue to analyze which actions are causing the time to take so long.

Web front end performance testing using IE11 's F12 developer tools