# 通过总览查看前端站点监控指标 APM Agent会周期性采集一些前端性能监控的性能总览数据，包括：加载性能、JS稳定性、API请求、访问流量、性能慢页面 TOP5、JS错误 TOP5、慢API TOP5以及访问量 TOP5，共8个类别。分别展示了活跃用户数、页面浏览量、平均加载时间、JS错误数、慢接口占比以及接口成功率等指标。 #### 查看总体指标 1. 登录[APM控制台](https://auth.huaweicloud.com/authui/login.html?service=https://console.huaweicloud.com/console/#/login)。 2. 单击左侧![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549695837.png)，选择"管理与监管 \> 应用性能管理 APM"，进入APM服务页面。 3. 在左侧导航栏选择"前端监控 \> 总览"，展示前端性能监控的性能指标数据。 图1总览 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518176084.png "点击放大") 表1总览指标说明 | 参数名称 | 说明 | |:---|:---| | 活跃用户数 | 访问站点用户的数量。同一个用户在一天内访问多次，只会被统计为一个UV。 | | 页面浏览量 | 页面浏览量（Page View），用户每次打开或刷新一个页面计为一次PV。 | | 平均加载时间 | 页面加载的平均时间。 | | JS错误数 | JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。 | | 慢接口占比 | 慢接口指加载耗时大于1000ms的调用，慢接口占比=慢接口数量/总接口数量。 | | 接口成功率 | 接口成功率=接口成功数量/总接口数量。 | 4. 其它操作。 - 单击"站点"、"运营商"、"地域"、"浏览器"以及"操作系统"的下拉菜单选择筛选条件，进一步查看所需要的信息。 - 单击时间维度选择按钮，默认"近20分钟"。 当前支持"近3分钟"、"近5分钟"、"近10分钟"、"近20分钟"、"近1小时"、"近3小时"、"近6小时"、"近1天"、"今天"、"昨天"、"近7天"、"近30天"以及自定义。 #### 加载性能 1. 单击左侧![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336010.png)，选择"管理与监管 \> 应用性能管理 APM"，进入APM服务页面。 2. 在左侧导航栏选择"前端监控 \> 总览"。 - 鼠标放置在"加载性能"的趋势图上，则展示加载性能的详细数据。 图2加载性能 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518335996.png "点击放大") 表2指标-加载性能相关参数说明 | 参数名称 | 说明 | |:---|:---| | 加载时间 | 页面加载时间。 | | 首屏时间 | 用户打开一个网站时，直到浏览器首页面内容渲染完成的时间。 | | 白屏时间 | 用户单击一个链接或打开浏览器输入URL地址后，到浏览器开始显示内容的时间。 | | 交互时间 | 页面从开始加载到主要子资源完成渲染，并能够快速、可靠地响应用户输入所需的时间。 | #### JS稳定性 1. 在左侧导航栏选择"前端监控 \> 总览"。 - 鼠标放置在"JS稳定性"的趋势图上，则展示JS稳定性的详细数据。 图3JS稳定性 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518335998.png "点击放大") 表3指标-JS稳定性相关参数说明 | 参数名称 | 说明 | |:---|:---| | JS错误数 | JS错误的数量。 | | JS错误率 | JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。 | #### API请求 1. 在左侧导航栏选择"前端监控 \> 总览"。 - 鼠标放置在"API请求"的趋势图上，则展示API请求的详细数据。 图4API请求 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336002.png "点击放大") 表4指标-API请求相关参数说明 | 参数名称 | 说明 | |:---|:---| | 慢接口占比 | 慢接口指加载耗时大于1000ms的调用，慢接口占比=慢接口数量/总接口数量。 | | API失败率 | 调用API失败的概率。 | #### 访问流量 APM Agent会周期性采集，网站、H5端的访问流量数据。包括活跃用户数、页面浏览量以及加载次数3类指标数据值。 1. 在左侧导航栏选择"前端监控 \> 总览"，鼠标放置在"访问流量"的趋势图上，则展示访问流量的详细数据。 图5访问流量 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336000.png "点击放大") 表5指标-访问流量相关参数说明 | 参数名称 | 说明 | |:---|:---| | 活跃用户数 | 访问站点用户的数量。同一个用户在一天内访问多次，只会被统计为一个UV。 | | 页面浏览量 | 页面浏览量（Page View），用户每次打开或刷新一个页面计为一次PV。 | | 加载次数 | 页面加载的次数。 | #### 性能慢页面 TOP5 性能慢页面 TOP5，展示性能慢页面 TOP5的URL指标数据。包括URL链接、加载次数以及平均加载时间。 1. 在左侧导航栏选择"前端监控 \> 总览"，展示性能慢页面平均时间最长的5条URL的信息。 图6性能慢页面 TOP5 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549695839.png "点击放大") 2. 单击"URL"列的某一条URL链接，展示该URL的"加载性能"详细操作请参见[1.a](https://support.huaweicloud.com/usermanual-apm2/apm_07_1023.html#apm_07_1023__li134452047191920)\~[1.b](https://support.huaweicloud.com/usermanual-apm2/apm_07_1023.html#apm_07_1023__li1450135417204)。 #### JS错误 TOP5 JS错误 TOP5，展示JS错误 TOP5的URL指标数据，包括包括URL链接、错误内容以及错误次数。 1. 在左侧导航栏选择"前端监控 \> 总览"，展示JS错误次数最多的5条URL的信息。 图7JS错误 TOP5 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815847.png "点击放大") 2. 单击"URL"列的某一条URL链接，展示该URL的"聚类分析"详细信息，详细操作参见[4](https://support.huaweicloud.com/usermanual-apm2/apm_07_1025.html#apm_07_1025__li16286636191511)\~[6](https://support.huaweicloud.com/usermanual-apm2/apm_07_1025.html#apm_07_1025__li20935126112810)。 #### 慢API TOP5 慢API TOP5，展示慢API TOP5的URL指标数据，包括URL链接、请求方式，慢请求次数以及平均加载时间。 1. 在左侧导航栏选择"前端监控 \> 总览"，展示慢API平均加载时间最长的5条URL的信息。 图8慢API TOP5 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549695845.png "点击放大") 2. 单击"URL"列的某一条URL链接，展示该URL链接的"请求状况统计"详细信息，详细操作参见[4](https://support.huaweicloud.com/usermanual-apm2/apm_07_1024.html#apm_07_1024__li42601519205918)。 #### 访问量 TOP5 访问量 TOP5，展示访问量 TOP5的URL指标数据，包括URL链接、页面浏览量以及访客数量。 1. 在左侧导航栏选择"前端监控 \> 总览"，展示访问量访客数量最多的5条URL的信息。 图9访问量 TOP5 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336006.png "点击放大") 2. 单击"URL"列的某一条URL链接，展示该URL的"聚类分析"详细信息，详细操作参见[2](https://support.huaweicloud.com/usermanual-apm2/apm_07_0201.html#apm_07_0201__li8637841636)\~[3](https://support.huaweicloud.com/usermanual-apm2/apm_07_0201.html#apm_07_0201__li176918216161)。