前端站点
查看前端站点
1、在左侧导航栏选择“前端监控 > 前端站点”,展示所有已经接入前端站点的列表。
2、在前端站点页面的右上角,单击时间维度选择按钮,默认“近20分钟”。
当前支持“近20分钟”、“近1小时”、“近3小时”、“近6小时”、“近1天”、“今天”、“昨天”、“近7天”、“近30天”以及自定义。
接入前端站点
1、在左侧导航栏选择“前端监控 > 前端站点”,单击“接入前端站点”,填写相关信息。
2、单击“创建前端站点”,完成操作。
配置告警策略
1、在左侧导航栏选择“前端监控 > 前端站点”,在“操作”列单击按钮,查看告警策略列表。
2、单击“新建告警策略”,切换至新建告警策略页签。
3、信息填写完整后,单击“确定”完成告警策略配置。
详细操作参见前端站点
通过应用应用性能管理 APM 查看前端监控
APM Agent会周期性采集一些前端监控的性能指标数据,用来衡量网站、H5端的总体健康状况。可以采集性能加载、JS稳定性、API请求、服务流量等数据,帮助用户全面掌握前端应用的运行情况。
-
APM Agent会周期性采集一些前端性能监控的性能指标数据,包括:性能加载、JS稳定性、API请求以及服务流量4个类别。分别展示了用户数量、浏览量、平均加载时间、JS错误数、慢接口占比以及接口成功率6种指标。
APM Agent会周期性采集一些前端性能监控的性能指标数据,包括:性能加载、JS稳定性、API请求以及服务流量4个类别。分别展示了用户数量、浏览量、平均加载时间、JS错误数、慢接口占比以及接口成功率6种指标。
应用性能管理APM 前端监控应用场景
-
查看总体指标
在左侧导航栏选择“前端监控 > 指标”,展示前端性能监控的性能指标数据。指标数据包括性能加载、JS稳定性、API请求以及服务流量4个类别。
性能加载
1、在左侧导航栏选择“前端监控 > 指标”,鼠标放置在性能加载的某个指标的折线节点上,展示性能加载的详细数据图表。
2、单击“更多”跳转到该指标的详细页面。
3、单击“性能慢页面TOP5 展开列表”,展示性能慢页面TOP5的URL指标数据。包括URL被访问数量以及平均加载时间。
JS稳定性
1、在左侧导航栏选择“前端监控 > 指标”,鼠标放置在JS稳定性某个指标的折线节点上,展示JS稳定性的详细数据图表。
2、单击“更多”,跳转到该指标的详细页面。
3、单击“性能慢页面TOP5 展开列表”,展示URL对应错误是指标的信息。
API请求
1、在左侧导航栏选择“前端监控 > API请求”,鼠标放置在API请求的某个指标的折线节点上,展示API请求指标数据值。
2、单击“更多”,跳转到该指标的详细页面。
服务流量
在左侧导航栏选择“前端监控 > 指标”,鼠标放置在服务流量的某个指标的折线节点上,展示服务流量指标数据值。
查看总体指标
在左侧导航栏选择“前端监控 > 指标”,展示前端性能监控的性能指标数据。指标数据包括性能加载、JS稳定性、API请求以及服务流量4个类别。
性能加载
1、在左侧导航栏选择“前端监控 > 指标”,鼠标放置在性能加载的某个指标的折线节点上,展示性能加载的详细数据图表。
2、单击“更多”跳转到该指标的详细页面。
3、单击“性能慢页面TOP5 展开列表”,展示性能慢页面TOP5的URL指标数据。包括URL被访问数量以及平均加载时间。
JS稳定性
1、在左侧导航栏选择“前端监控 > 指标”,鼠标放置在JS稳定性某个指标的折线节点上,展示JS稳定性的详细数据图表。
2、单击“更多”,跳转到该指标的详细页面。
3、单击“性能慢页面TOP5 展开列表”,展示URL对应错误是指标的信息。
API请求
1、在左侧导航栏选择“前端监控 > API请求”,鼠标放置在API请求的某个指标的折线节点上,展示API请求指标数据值。
2、单击“更多”,跳转到该指标的详细页面。
服务流量
在左侧导航栏选择“前端监控 > 指标”,鼠标放置在服务流量的某个指标的折线节点上,展示服务流量指标数据值。
-
1、在左侧导航栏选择“前端监控 > 加载性能”,“页面性能”展示访问速度指标趋势图。鼠标停留在折线节点处,可以展示该节点详细指标信息。
2、“页面性能分析”展示访问某个页面性能数据分析。
3、单击“URL”列的某一条URL链接,展示该URL加载性能的指标数据值。
1、在左侧导航栏选择“前端监控 > 加载性能”,“页面性能”展示访问速度指标趋势图。鼠标停留在折线节点处,可以展示该节点详细指标信息。
2、“页面性能分析”展示访问某个页面性能数据分析。
3、单击“URL”列的某一条URL链接,展示该URL加载性能的指标数据值。
-
1、在左侧导航栏选择“前端监控 > API请求”,展示API请求的性能数据。
2、单击“API请求列表”列中,某一条API,展示该API请求状况统计的请求总数、错误次数、错误率、慢请求次数、慢请求占比以及成功调用平均耗时。
1、在左侧导航栏选择“前端监控 > API请求”,展示API请求的性能数据。
2、单击“API请求列表”列中,某一条API,展示该API请求状况统计的请求总数、错误次数、错误率、慢请求次数、慢请求占比以及成功调用平均耗时。