更新时间:2024-09-26 GMT+08:00
分享

总览

APM Agent会周期性采集一些前端性能监控的性能总览数据,包括:加载性能、JS稳定性、API请求以及访问流量4个类别。分别展示了用户数量、浏览量、平均加载时间、JS错误数、慢接口占比以及接口成功率6种指标。

查看总体指标

  1. 登录管理控制台。
  2. 单击左侧,选择“管理与监管 > 应用性能管理 APM”,进入APM服务页面。
  3. 在左侧导航栏选择“前端监控 > 总览”,展示前端性能监控的性能指标数据。总览包括性能加载、JS稳定性、API请求以及访问流量4个类别。

    图1 总览
    表1 总览参数说明

    参数名称

    说明

    用户数量

    访问站点用户的数量,在某一段时间内,同一个用户多次访问算一次。“用户数量”可以作为访问这个站点的用户数量的统计标识。

    浏览量

    页面访问量或点击量的数量。

    平均加载时间

    页面加载的平均时间。

    JS错误数

    JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。

    慢接口占比

    慢接口指加载耗时大于1000ms的调用,慢接口占比=慢接口数量/总接口数量。

    接口成功率

    接口成功率=接口成功数量/总接口数量。

加载性能

  1. 单击左侧,选择“管理与监管 > 应用性能管理 APM”,进入APM服务页面。
  2. 在左侧导航栏选择“前端监控 > 总览”。

    • 鼠标放置在“加载性能”的趋势图上,则展示加载性能的详细数据。
    • 单击“更多”跳转到该指标的详细页面,具体介绍参见加载性能
    • 单击“性能慢页面TOP5 展开列表”,展示性能慢页面TOP5的URL指标数据。包括URL被访问数量以及平均加载时间。
      图2 加载性能
      表2 指标-加载性能相关参数说明

      参数名称

      说明

      加载时间

      页面加载时间。

      首屏时间

      用户打开一个网站时,直到浏览器首页面内容渲染完成的时间。

      白屏时间

      用户单击一个链接或打开浏览器输入URL地址后,到浏览器开始显示内容的时间。

      交互时间

      页面从开始加载到主要子资源完成渲染,并能够快速、可靠地响应用户输入所需的时间。

JS稳定性

  1. 在左侧导航栏选择“前端监控 > 总览”。

    • 鼠标放置在“JS稳定性”的趋势图上,则展示JS稳定性的详细数据。
    • 单击“更多”,跳转到该指标的详细页面,具体介绍参见JS错误
    • 单击“JS错误TOP5 展开列表”,展示JS错误TOP5的URL指标数据,包括URL被访问数量以及错误信息。
      图3 JS稳定性

      表3 指标-JS稳定性相关参数说明

      参数名称

      说明

      JS错误数

      JS错误的数量。

      JS错误率

      JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。

API请求

  1. 在左侧导航栏选择“前端监控 > 总览”。

    • 鼠标放置在“API请求”的趋势图上,则展示API请求的详细数据。
    • 单击“更多”,跳转到该指标的详细页面,具体介绍参见API请求
      图4 API请求
      表4 指标-API请求相关参数说明

      参数名称

      说明

      慢接口占比

      慢接口指加载耗时大于1000ms的调用,慢接口占比=慢接口数量/总接口数量。

      API失败率

      调用API失败的概率。

访问流量

APM Agent会周期性采集,网站、H5端的访问流量数据。包括用户数量、浏览量以及加载次数3类指标数据值。

  1. 在左侧导航栏选择“前端监控 > 总览”,鼠标放置在鼠标放置在“访问流量”的趋势图上,则展示访问流量的详细数据。

    图5 访问流量
    表5 指标-访问流量相关参数说明

    参数名称

    说明

    用户数量

    访问站点用户的数量。

    浏览量

    页面访问量或点击量。

    加载次数

    页面加载的次数。

相关文档