前端站点

查看前端站点

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种指标。

  • 加载性能

    加载性能页面展示站点的页面性能指标,包括:访问速度指标趋势图以及页面性能分析。

    加载性能页面展示站点的页面性能指标,包括:访问速度指标趋势图以及页面性能分析。

  • API请求

    API请求分别展示API失败率趋势图、调用平均耗时趋势图、API请求列表以及请求状态码分布。

    API请求分别展示API失败率趋势图、调用平均耗时趋势图、API请求列表以及请求状态码分布。

  • JS错误

    JS错误展示站点的错误统计,包括:JS稳定性、JS错误列表以及JS错误率页面排行榜。

    JS错误展示站点的错误统计,包括:JS稳定性、JS错误列表以及JS错误率页面排行榜。

应用性能管理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加载性能的指标数据值。

  • API请求

    1、在左侧导航栏选择“前端监控 > API请求”,展示API请求的性能数据。

    2、单击“API请求列表”列中,某一条API,展示该API请求状况统计的请求总数、错误次数、错误率、慢请求次数、慢请求占比以及成功调用平均耗时。

    1、在左侧导航栏选择“前端监控 > API请求”,展示API请求的性能数据。

    2、单击“API请求列表”列中,某一条API,展示该API请求状况统计的请求总数、错误次数、错误率、慢请求次数、慢请求占比以及成功调用平均耗时。