Web & H5 monitoring provides performance data collection and analysis for browser pages and mobile H5 pages. This includes data on PVs, resource loading , API requests, and JavaScript errors. The feature supports user session tracing to reconstruct real user journeys, capture stack traces and contextual information, and quickly trace the root cause of problems. This helps developers resolve performance issues.
Procedure
Log on to the ARMS console.
-
In the left-side navigation pane, choose . In the top navigation bar, select a region.
-
Click the name of the target application. You can view the corresponding dashboards on the application overview, session tracing, PVs, resource loading, API requests, and abnormal statistics tabs.
Use the time selector in the upper-right corner of the page to adjust the query time range.
Application overview
The application overview dashboard centralizes key application-level metrics related to users, pages, and requests. These metrics include the number of user sessions, PVs, UVs, resources, maximum page rendering time, API requests, and exceptions. The trend charts help you quickly understand the overall performance of your application.

Session tracing
The session tracing feature provides end-to-end tracing by username or user ID. It reconstructs the user journey, helping you locate and analyze the root cause of an error.
The quick filter area contains filter categories such as Application, Session, Device, System, User, and Region. The session list contains columns such as Session ID, Time, Client IP, Session Duration, View Count, Exception Count, Resource Requests, and Resource Errors.
-
In the search box area, you can enter a session ID to filter sessions.
-
In the quick filter area, this area is linked with the search box and lets you manually hide metrics.
-
In the aggregation chart area, you can select an aggregation metric and an aggregation dimension to view specific data. You can also choose to display the data as a column chart, line chart, pie chart, or map.
-
In the session list area, you can view detailed data for each session. Click a session ID to view the session details and drill down into information about pages, resources, and user actions.
The resource loading details page displays the following information:
-
Environment information: Host Type, Device Type, Country, Province, Device Brand, and more.
-
Summary information: Request Method (such as GET), Resource Name, Resource URL, Resource Type (such as link), Status Code (such as 200), and Loading Status.
-
Resource tracking: Redirect Duration, DNS Query Duration, TCP Connection Duration, SSL Connection Duration, Request Response Duration, Content Transfer Duration, Total Resource Loading Duration, and Resource Size.
-
Waterfall chart: Displays the duration distribution of each phase, including DNS query, TCP connection, SSL connection, request response, and content transfer, on a timeline.
-
PVs
The PVs tab provides page-level data on traffic, Core Web Vitals, and key page load metrics. You can perform targeted analysis based on data from a specific page.
-
In the quick filter area, you can select pages to filter the data.
-
In the trend chart area, you can view trends for page views, Core Web Vitals, and key page load metrics. Core Web Vitals include LCP, FID, and CLS. Key page load metrics include FCP, DOM Ready, Time to Interactive (TTI), and Page Fully Loaded.
-
In the page list area, you can view the page view count, average duration, and average views per user for all pages. Click a page name to view its details, including trend analysis and page view details.
After clicking a page name, the Trend Analysis tab displays the following information:
-
Summary metrics: Page views, average loading duration, average session duration, average views per user, unique visitors, Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS), slow visit percentage, and session count.
-
Trend line charts: Page views (including slow visits), performance metrics (FCP, Time to Interactive, DOM Ready, Page Fully Loaded), and phase-by-phase duration (DNS query, TCP connection, SSL connection, request response, content transfer).
-
Core Web Vitals line charts: LCP (thresholds: ≤2.5s Good, >4s Poor), FID, and CLS (threshold: 0.25), each showing P75, P90, and P95 percentile lines.
-
Page load waterfall chart.
-
Resource loading
The resource loading tab provides resource-level data on errors, performance, and requests for resources such as API requests and CDN static assets. You can perform targeted analysis based on data from a specific resource.
The quick filter panel supports filtering by dimensions such as Application, Resource, Device, System, User, and Region. The loading duration trend chart includes phase-by-phase metrics such as Connect, DNS, SSL, Download, and Duration.
-
In the quick filter area, you can quickly select filter conditions.
-
In the trend chart area, you can view load counts by resource type and request method, and loading duration by resource type.
-
In the resource list area, you can view the URL, type, request method, request count, failure count, slow count, and average duration for all resources. Click a resource name to view its details, including trend analysis and the stack trace.
After clicking a resource name to enter its details page, click the Resource Loading Stack tab. The left side shows the Resource Loading List (including timestamps for each loading record). After clicking a record, the Basic Information panel on the right displays the following performance and environment fields:
-
Redirect Duration, DNS Query Duration, TCP Connection Duration, SSL Connection Duration, Request Response Duration, Content Transfer Duration
-
Status Code, Loading Status, Total Resource Loading Duration, Resource Size
-
Device Type, Device Brand, Operating System, Host Type, Host Version
-
User ID, Name, Country, Province, Environment Type
The bottom of the page also provides a Waterfall View for visualizing the resource loading sequence.
-
API requests
The API requests tab provides API-level data such as request count, request duration, and status codes. You can perform targeted analysis on a specific API.
-
In the quick filter area, you can quickly select filter conditions.
-
In the trend chart area, you can view trends for your application's API request count and request duration, as well as the status code distribution.
-
In the API request list area, you can view the request method, request count, error count, slow count, average request duration, and number of calling pages for all APIs. Click an API request name to view its details, including trend analysis and data for individual requests.
In the Trend Analysis tab, in addition to the overview metrics, the following information is also displayed:
-
Request Count line chart: Shows trends for request count, slow request count, and error request count.
-
Request Duration line chart: Shows duration trends for each phase, including Connect, DNS, SSL, Download, and Duration.
-
Status Code pie chart: Shows the percentage of requests by HTTP status code.
-
Distribution information: Includes geographic distribution, app version distribution, network type distribution, device distribution, and operating system distribution.
-
User list: Shows user identifiers, request count, request percentage, and request time.
-
Abnormal statistics
The abnormal statistics tab provides exception-level data such as exception counts, impact, and distribution. You can perform targeted analysis on a specific exception.
-
In the search box area, you can enter a JavaScript error message to filter exceptions.
-
In the quick filter area, you can quickly select filter conditions.
-
In the trend chart area, you can view trends for the total number of exceptions and the numbers of affected pages, users, and sessions. You can also view the distribution of exception types, files, or pages.
-
In the exception list area, you can view information for all exceptions, including the message, involved files, number of occurrences, number of affected pages, number of affected page views, number of affected users, and number of affected sessions. Click an exception name to view its details, including trend analysis and the corresponding stack trace.
The Trend Analysis tab contains time-series charts for error count, affected users, and affected pages, as well as geographic distribution, browser version distribution, network type distribution, device distribution, operating system distribution, and carrier distribution information.
Related documentation
You can also use the data exploration feature to quickly query, aggregate, and trace data. For more information, see Data exploration.