文档

Web & H5监控详情

更新时间:

Web & H5监控主要面向浏览器页面和移动端H5页面性能采集,提供包括页面访问、资源加载 、API请求调用、JS错误等性能数据的采集、分析能力,支持单用户会话追踪,还原真实用户操作场景,采集问题堆栈及上下文信息,快速追溯问题根源,帮助研发高效解决性能问题。

功能入口

  1. 登录ARMS控制台
  2. 在左侧导航栏选择用户体验监控 > 应用列表,并在顶部菜单栏选择目标地域。

  3. 单击目标应用名称,您可以在应用概览会话追踪页面访问资源加载API请求异常统计页签查看相应的大盘。

    您可以通过页面右上角的时间选择器调整查询的时间范围。

应用概览

应用概览集中展示应用维度下的用户及页面、请求相关的关键指标数据,包括用户Session数、PV、UV、资源数、页面最大渲染耗时、API请求数、异常数等,展示指标趋势变化状况,帮助您快速了解应用整体性能状况。

image.png

会话追踪

定位问题时通常需要查看问题上下文以便还原出错现场,会话追踪功能根据用户名称或用户ID实现全链路追踪,复现用户访问的行为轨迹,有效定位和分析出错原因。

image.png

  • 在搜索框区域(图示①),您可以输入会话ID进行会话过滤。

  • 在快捷筛选区域(图示②),您可以快速选择需要筛选的条件,此处与图示①搜索框具有联动效果,且支持手动隐藏指标。

  • 在聚合图区域(图示③),您可以根据聚合指标和聚合维度选择需要查看的数据,也可以选择通过柱图、线图、饼图或地图的样式展示指标。

  • 在会话列表区域(图示④),您可以在此看到每一条会话明细数据,单击会话ID可以查看该会话的详情,并继续下钻查看页面、资源、用户行为等信息。

    image.png

页面访问

页面访问提供了以页面为维度的访问量、WebVitals核心指标和页面加载关键指标,您可以依据具体页面的数据进行针对性分析。

image.png

  • 在快捷筛选区域(图示①),您可以快速选择需要筛选的页面。

  • 在趋势图区域(图示②),您可以查看页面访问量、WebVitals核心指标和页面加载关键指标的发展趋势,WebVitals核心指标包括LCP、FID、CLS,页面加载关键指标包括FCP、DOM Ready 、首次可交互、页面完全加载。

  • 在页面列表区域(图示③),您可以查看所有页面的访问量、平均耗时、人均访问次数数据,单击页面名称,可以查看该页面的详细信息,包括页面的趋势分析信息和页面访问明细。

    image.png

资源加载

资源加载提供了以资源(包括API等请求和CDN静态资源)为维度的资源错误、性能、请求等数据,您可以依据具体资源的数据进行针对性分析。

image.png

  • 在快捷筛选区域(图示①),您可以快速选择需要筛选的条件。

  • 在趋势图区域(图示②),您可以查看资源加载次数、加载过程耗时和错误数的发展趋势,加载次数可以按照资源类型和请求方法区分,加载过程耗时可以按照资源类型区分。

  • 在资源列表区域(图示③),您可以查看所有资源的地址、类型、请求方法、请求数、失败数、缓慢数、平均耗时等数据,单击页面名称,还可以查看该资源的详细信息,包括资源趋势分析和资源加载堆栈。

    image.png

API请求

API请求提供了以API为维度的请求数、请求耗时、状态码等数据,您可以根据某个API进行针对性分析。

在API请求页面,您可以查看API的异常请求和请求明细。

image.png

  • 在快捷筛选区域(图示①),您可以快速选择需要筛选的条件。

  • 在趋势图区域(图示②),您可以查看应用API的请求数和请求耗时的趋势,以及状态码分布。

  • 在API请求列表区域(图示③),您可以查看所有API的请求方法、请求次数、错误次数、缓慢次数、请求平均耗时、调用页面数等信息,单击API请求名称,可以查看该API请求的详细信息,包括趋势分析和API请求明细。

    image.png

异常统计

异常统计提供了以异常为维度的异常数、影响数、异常分布等数据,您可以根据某个异常进行针对性分析。

image.png

  • 在搜索框区域(图示①),您可以输入JS错误信息进行异常过滤。

  • 在快捷筛选区域(图示②),您可以快速选择需要筛选的条件。

  • 在趋势图区域(图示③),您可以查看应用发生的异常总数,影响到的页面数、用户数和会话数的趋势,以及异常类型、异常文件或异常页面的分布情况。

  • 在异常列表区域(图示④),您可以查看所有异常的信息、涉及文件、异常次数、影响页面数、影响页面访问数、影响用户数、影响会话数等信息,单击异常名称,可以查看该异常的详细信息,包括趋势分析和错误明细。

    image.png

相关文档

您还可以通过数据探索功能快速查询、聚合和追踪数据,具体操作,请参见数据探索

  • 本页导读 (1)
文档反馈