总览

查看总体指标

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

   表1 总览指标说明

   参数名称	说明
   用户数量	访问站点用户的数量，在某一段时间内，同一个用户多次访问算一次。“用户数量”可以作为访问这个站点的用户数量的统计标识。
   浏览量	页面访问量或点击量的数量。
   平均加载时间	页面加载的平均时间。
   JS错误数	JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。
   慢接口占比	慢接口指加载耗时大于1000ms的调用，慢接口占比=慢接口数量/总接口数量。
   接口成功率	接口成功率=接口成功数量/总接口数量。

加载性能

1. 单击左侧，选择“管理与监管 > 应用性能管理 APM”，进入APM服务页面。
2. 在左侧导航栏选择“前端监控 > 总览”。
   • 鼠标放置在“加载性能”的趋势图上，则展示加载性能的详细数据。
   • 单击“更多”跳转到该指标的详细页面，具体介绍参见加载性能。
     图2 加载性能
     

     表2 指标-加载性能相关参数说明

     参数名称	说明
     加载时间	页面加载时间。
     首屏时间	用户打开一个网站时，直到浏览器首页面内容渲染完成的时间。
     白屏时间	用户单击一个链接或打开浏览器输入URL地址后，到浏览器开始显示内容的时间。
     交互时间	页面从开始加载到主要子资源完成渲染，并能够快速、可靠地响应用户输入所需的时间。

JS稳定性

1. 在左侧导航栏选择“前端监控 > 总览”。
   • 鼠标放置在“JS稳定性”的趋势图上，则展示JS稳定性的详细数据。
   • 单击“更多”，跳转到该指标的详细页面，具体介绍参见JS错误。
     图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 指标-访问流量相关参数说明

   参数名称	说明
   用户数量	访问站点用户的数量。
   浏览量	页面访问量或点击量。
   加载次数	页面加载的次数。

性能慢页面 TOP5

性能慢页面 TOP5，展示性能慢页面 TOP5的URL指标数据。包括URL链接、加载次数以及平均加载时间。

1. 在左侧导航栏选择“前端监控 > 总览”，展示性能慢页面平均时间最长的5条URL的信息。
   图6 性能慢页面 TOP5
   

2. 单击“URL”列的某一条URL链接，展示该URL的“加载性能”详细信息，详细操作参见步骤6。

JS错误 TOP5

JS错误 TOP5，展示JS错误 TOP5的URL指标数据，包括包括URL链接、错误内容以及错误次数。

1. 在左侧导航栏选择“前端监控 > 总览”，展示JS错误次数最多的5条URL的信息。
   图7 JS错误 TOP5
   

2. 单击“URL”列的某一条URL链接，展示该URL的“聚类分析”详细信息，详细操作参见步骤4~步骤6。

慢API TOP5

慢API TOP5，展示慢API TOP5的URL指标数据，包括URL链接、请求方式，慢请求次数以及平均加载时间。

1. 在左侧导航栏选择“前端监控 > 总览”，展示慢API平均加载时间最长的5条URL的信息。
   图8 慢API TOP5
   

2. 单击“URL”列的某一条URL链接，展示该URL链接的“请求状况统计”详细信息，详细操作参见步骤4。

访问量 TOP5

访问量 TOP5，展示访问量 TOP5的URL指标数据，包括URL链接、页面浏览量以及访客数量。

1. 在左侧导航栏选择“前端监控 > 总览”，展示访问量访客数量最多的5条URL的信息。
   图9 访问量 TOP5
   

2. 单击“URL”列的某一条URL链接，展示该URL的“聚类分析”详细信息，详细操作参见步骤2~步骤3。