Using App Performance Reports

The App Performance Report provides valuable insights into your app’s functionality, responsiveness, and overall user experience. This guide will help you navigate the report’s key sections and give you a clear overview of your app’s key performance metrics. This guide will help you navigate through the report, understand what each section contains, and learn how to access the information you need. From locating specific metrics to understanding what different buttons do, this guide ensures you can easily find your way around the report.

The App Performance Report is divided into different sections:

1. Summary: Provides an overview of app performance issues with a visual snapshot.

2. App Insights: Analyzes system metrics to identify performance bottlenecks.

3. UI Insights: Tracks page transition times to diagnose slow screen loads.

4. Network: Highlights API and service request issues affecting performance.

5. Logs: Captures errors, crashes, and system events for debugging and optimization.

You can click on the links to view different sections of the App Performance Report.

Summary Page

• On the Summary page of the App Performance Report has a top bar with access to different pages of the App Performance Report.

• Further down the summary page is divided into two panels - Left and Right.

• The Left Panel features information about the issues. The pie charts highlights the issue distribution based on different colors and number of issues. You can view a summary of each issue listed under the pie chart.

• The Right Panel features the test session details and device information on which the app tests were performed. Below the Device and Session Information panel, you can access a quick overview of the App Details, App Insights, UI Insights and Network information listed. You can even click on the More details button to access the different sections of the App Performance Report.

• You can access different pages of the report by scrolling up and clicking on the sections - App Insights, UI Insights, Network and Logs.

App Insights

Once you click on the App Insights section. You will be able to see three sections -

• The Left section provides a quick overview of the issues in the App Insights section.

• The Middle section has a Stacked 2 minute Time Series Graph which captures multiple pieces on information. It also has a time range bar to view Network Calls right below it.

• The Right section features the synced video recording of the app tested on the device.

Middle Section of the App Insights Report

• The middle section of the report features a stacked 2 minute time series graph with multiple pieces of information and a time range bar to view Network Calls.

• You can click on the More Details button to view the Network Call Details.

• You can scroll down the section to view CPU Performance Graphs, Frame Performance Metrics, Memory Performance Metrics, etc.

• Once you hover the mouse over the grey circle, you will be able to view the stacked time series graph.

• You can use the left and right arrows on the graph line or move across the graph, or click on the grey circle to move it too.

• Various graphs are stacked on top of each other and have respective titles and graph names for easier comprehension.

• Hovering over different points on the graph will provide the respective information at that instant on the respective graph.

UI Insights

• The UI Insights section provides information about Buffer Rate and frame timeline, Page Transitions, etc.

• It also provides information about the UI Issues such as Slow Webpage Load time, Jank Frame count, etc.

Network

• The Network section captures information about the status of the network while running app performance testing.

• The Network section is divided into two sections - Left panel (All Issues) and the Main Section.

• The Left Panel provides quick highlights into the Network issues that were encountered during the App Performance Experience Testing session.

  • You can click on the “Show” button on each of these issues to get a detailed overview of the various network issues

• The Main Section provides two pie charts, one on the network status distribution and two, the timing breakdown.

  • The pie charts in the main section provides a breakup of the network issues and the timing distribution.

  • Below the pie charts, there is a full breakup of various API calls including the name, status, timing, duration, API type, etc

Logs

The Logs section highlights various anomalies such as Crash Issues, ANR Issues, Network Issues, Memory Issues, Database, Binder Issues, etc.