通过总览查看前端站点监控指标

查看总体指标

1. 登录APM控制台。

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

3. 在“站点”、“运营商”、“地域”、“浏览器”以及“操作系统”的下拉菜单选择筛选条件。
4. 设置时间，展示符合条件的前端性能监控的性能指标数据。

   默认“近20分钟”。

   当前支持“近3分钟”、“近5分钟”、“近10分钟”、“近20分钟”、“近1小时”、“近3小时”、“近6小时”、“近1天”、“今天”、“昨天”、“近7天”、“近30天”以及自定义。

   表1 总览指标说明

   参数名称	说明
   活跃用户数	访问站点用户的数量。同一个用户在一天内访问多次，只会被统计为一个UV。
   页面浏览量	页面浏览量（Page View），用户每次打开或刷新一个页面计为一次PV。
   平均加载时间	页面加载的平均时间。
   JS错误数	JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。
   慢接口占比	慢接口指加载耗时大于1000ms的调用，慢接口占比=慢接口数量/总接口数量。
   接口成功率	接口成功率=接口成功数量/总接口数量。

加载性能

鼠标放置在“加载性能”的趋势图上，则展示加载性能的详细数据。

图1 加载性能

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

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

JS稳定性

鼠标放置在“JS稳定性”的趋势图上，则展示JS稳定性的详细数据。

图2 JS稳定性

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

参数名称	说明
JS错误数	JS错误的数量。
JS错误率	JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。

API请求

鼠标放置在“API请求”的趋势图上，则展示API请求的详细数据。

图3 API请求

表4 指标-API请求相关参数说明

参数名称	说明
慢接口占比	慢接口指加载耗时大于1000ms的调用，慢接口占比=慢接口数量/总接口数量。
API失败率	调用API失败的概率。

访问流量

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

鼠标放置在“访问流量”的趋势图上，则展示访问流量的详细数据。

图4 访问流量

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

参数名称	说明
活跃用户数	访问站点用户的数量。同一个用户在一天内访问多次，只会被统计为一个UV。
页面浏览量	页面浏览量（Page View），用户每次打开或刷新一个页面计为一次PV。
加载次数	页面加载的次数。

性能慢页面 TOP5

性能慢页面 TOP5展示性能慢页面平均时间最长的5条URL的信息，包括URL链接、加载次数以及平均加载时间。

单击“URL”列的某一条URL链接，展示该URL的加载性能信息，详细操作请参见查看前端站点性能加载指标。

图5 性能慢页面 TOP5

JS错误 TOP5

JS错误 TOP5展示JS错误次数最多的5条URL的信息，包括包括URL链接、错误内容以及错误次数。

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

图6 JS错误 TOP5

慢API TOP5

慢API TOP5展示慢API平均加载时间最长的5条URL的信息，包括URL链接、请求方式，慢请求次数以及平均加载时间。

单击“URL”列的某一条URL链接，展示该URL链接的API请求详细信息，详细操作参见5。

图7 慢API TOP5

访问量 TOP5

访问量 TOP5展示访问量访客数量最多的5条URL的信息，包括URL链接、页面浏览量以及访客数量。

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

图8 访问量 TOP5