Page and iframe dashboards are divided into six areas:
- A summary of key performance indicators. To see browser snapshots associated with these instances of this page type, open the Browser Snapshots tab. To move to the Analyze view, click View Analyze.
- A waterfall graph of the entire load sequence. To see details for each set of data, use the Trends/Details checkboxes.
- Four sections of Trends/Details across time for the main performance categories:
- Overall performance
- Time between the request and the first byte of the response
- Time taken by the server to process the request through the completion of the HTML download for the item
- Time taken to process and render the item, including any external resources, in the browser
- Detailed information on the performance of Ajax requests and iframes for this item.
Page Dashboard Summary Section
This section provides a quick overview of the item's performance over time.
Key performance indicators—End User Response Time, Load, Cache Hits, and Page Views with JS errors—across the period selected in the timeframe dropdown from the upper-right side of the Controller UI are displayed across the top of the summary area. Cache Hits indicates a resource fetched from a cache, such as a CDN, rather than from the source. This metric is only reported when there is a correlated AppDynamics agent on the server-side source.
The waterfall graph shown below displays the average times needed for each aspect of the page load process. For more information on what each of the metrics measures, hover over its name on the left. A popup appears with a definition. See Browser RUM Metrics.
To see detailed breakouts of the data behind the graph, check the Trend/Detail checkbox by the data group in which you are interested. To turn the details off, uncheck the checkbox.
Some metrics—for example, TCP Connection Time—only appear if they have a non-zero value.
This section displays detailed trend graphs of key performance metrics measured across the selected timeframe. To see detailed information for a particular moment, hover over the graph and a popup with that information appears. To see any of the listed total metrics in the context of the metric browser, click the desired value (shown in link blue) on the left side of the panel. The Metric Browser appears, with that metric displayed. You can then use the Metric Browser to compare other related values in one display.
Key Performance Times / Load
This section displays detailed trend graphs of key performance indicators and the request load across the selected timeframe. They measure:
- Time between the user's request and the completion of the page load of the response.
- Time between the user's request and the DOM being loaded.
- Time between the user's request and the browser receiving the first response byte.
- Number of requests per minute.
Server Connect Time Breakdown / Response Available Time
This section displays detailed trend graphs of initial server connection metrics measured across the selected timeframe. They measure:
- Time the user's request takes in negotiating its initial connection with the server, which may include the DNS, TCP Connect, and SSL/TLS time. The Total Server Connect value is always displayed.
Time between that initial connection and the time the first byte of information begins to arrive at the browser.
Server Time / HTML Download Time / Related Business Transactions
This section displays detailed graphs for the time spent acquiring the page data:
- Time the request takes on the server.
- Time it takes to complete the download of the HTML to the page.
If the request is correlated with a server-side app agent, related business transactions on the server are displayed. Cross-app correlation is supported.
DOM Building Time / Resource Fetch Time / Page Resources Requested
This section displays detailed graphs for the time spent creating the page and getting resources. They measure:
- Time required by the browser to create the DOM from the end of the HTML download.
- Time required to fetch any external resources. For example, the results of a third-party Ajax request.
The Page Resources Requested section displays detailed graphs of when in the page load cycle individual external—first and third-party—resources are fetched, and how much time is taken to fetch them, based on the selected timeframe. They measure:
- Average time and load associated with that resource
- If the request is blocking or non-blocking
- Request and response time per resource request
- Type—iframe or Ajax—of the resource
To see the dashboard for any of the listed resources, click the name.