Web & H5监控主要面向浏览器页面和移动端H5页面性能采集,提供包括页面访问、资源加载 、API请求调用、JS错误等性能数据的采集、分析能力,支持单用户会话追踪,还原真实用户操作场景,采集问题堆栈及上下文信息,快速追溯问题根源,帮助研发高效解决性能问题。
功能入口
登录ARMS控制台。
-
在左侧导航栏选择,并在顶部菜单栏选择目标地域。
-
单击目标应用名称,您可以在应用概览、会话追踪、页面访问、资源加载、API请求和异常统计页签查看相应的大盘。
您可以通过页面右上角的时间选择器调整查询的时间范围。
应用概览
应用概览集中展示应用维度下的用户及页面、请求相关的关键指标数据,包括用户Session数、PV、UV、资源数、页面最大渲染耗时、API请求数、异常数等,展示指标趋势变化状况,帮助您快速了解应用整体性能状况。

会话追踪
定位问题时通常需要查看问题上下文以便还原出错现场,会话追踪功能根据用户名称或用户ID实现全链路追踪,复现用户访问的行为轨迹,有效定位和分析出错原因。
快捷筛选区域包含应用、会话、设备、系统、用户、地域等筛选分类。会话列表包含会话 ID、时间、客户端 IP、会话时长、视图数量、异常数量、资源请求数、资源错误数等列。
资源加载详情页面展示以下信息:
-
环境信息:宿主类型、设备类型、国名、省份、设备品牌等。
-
概要信息:请求方法(如 GET)、资源名称、资源 URL、资源类型(如 link)、状态码(如 200)、加载状态。
-
资源追踪:重定向耗时、DNS 查询耗时、TCP 连接耗时、SSL 安全连接耗时、请求响应耗时、内容传输耗时、资源加载总耗时、资源大小。
-
瀑布图:以时间轴形式展示 DNS 查询、TCP 连接、SSL 建连、请求响应、内容传输各阶段的耗时分布。
页面访问
页面访问提供了以页面为维度的访问量、WebVitals核心指标和页面加载关键指标,您可以依据具体页面的数据进行针对性分析。
单击页面名称后,趋势分析 Tab 页展示以下信息:
-
汇总指标:页面访问量、平均加载耗时、平均停留时间、人均访问次数、访问用户数、最大内容渲染(LCP)、首次输入延迟(FID)、累积布局偏移(CLS)、缓慢访问占比、访问会话数。
-
趋势折线图:页面访问量(含缓慢访问量)、性能指标(FCP / 首次可交互 / DOM Ready / 页面完全加载)、区间段耗时(DNS 查询 / TCP 连接 / SSL 建连 / 请求响应 / 内容传输)。
-
Core Web Vitals 折线图:LCP(阈值 2.5s 良好、4s 较差)、FID、CLS(阈值 0.25)分别展示 P75/P90/P95 分位线。
-
页面加载瀑布图。
资源加载
资源加载提供了以资源(包括API等请求和CDN静态资源)为维度的资源错误、性能、请求等数据,您可以依据具体资源的数据进行针对性分析。
快捷筛选面板支持按应用、资源、设备、系统、用户、地域等维度筛选。加载过程耗时趋势图包含 Connect、DNS、SSL、Download、Duration 等分阶段指标。
单击资源名称进入详情页后,选择资源加载堆栈页签,左侧展示资源加载列表(含各条加载记录的时间戳),单击某条记录后右侧基础信息面板展示以下性能与环境字段:
-
重定向耗时、DNS 查询耗时、TCP 连接耗时、SSL 安全连接耗时、请求响应耗时、内容传输耗时。
-
状态码、加载状态、资源加载总耗时、资源大小。
-
设备类型、设备品牌、操作系统、宿主类型、宿主版本。
-
用户 ID、名称、国名、省份、环境类型。
底部还提供瀑布流视图,可直观查看资源加载时序。
API请求
API请求提供了以API为维度的请求数、请求耗时、状态码等数据,您可以根据某个API进行针对性分析。
在API请求页面,您可以查看API的异常请求和请求明细。
趋势分析页签中,除概览指标外,还展示以下内容:
-
请求次数折线图:展示请求次数、缓慢请求次数和错误请求次数的变化趋势。
-
请求耗时折线图:展示 Connect、DNS、SSL、Download、Duration 各阶段耗时趋势。
-
状态码饼图:展示各 HTTP 状态码的请求占比。
-
分布信息:包括地域分布、App 版本分布、联网方式分布、设备分布和操作系统分布。
-
用户列表:展示用户标识、请求量、请求占比及请求时间等信息。
异常统计
异常统计提供了以异常为维度的异常数、影响数、异常分布等数据,您可以根据某个异常进行针对性分析。
趋势分析页签包含错误次数、影响用户数和影响页面的时序图表,以及地域分布、浏览器版本分布、联网方式、设备分布、操作系统分布和运营商分布信息。
相关文档
您还可以通过数据探索功能快速查询、聚合和追踪数据,具体操作,请参见数据探索。