前端性能监控支持你对下列数据进行分析:
| 类型 | 功能说明 |
| 页面性能 | 包括首屏渲染时间、LCP、DNS 查询耗时、 TCP 连接耗时、请求响应耗时、内容传输耗时、DOM 解析耗时、资源加载耗时 、SSL 建连耗时等页面性能指标。 |
| 日志查询 | 包括历史日志、页面访问日志和自定义事件日志查询,详情可参见 日志查询。 |
| 异常分析 | JS 错误、Promise 错误、Ajax 请求异常、JS 加载异常、接口返回码异常等异常情况。 |
| 页面访问 | 页面访问用于展示页面访问量情况(UV、PV ) ,并支持多维度分析页面访问情况。 |
| API 监控 | 可监控 HTTP Code 成功率、Retcode 成功率、API 请求耗时等调用情况。HTTP Code 成功率:HTTP Code 是指 HTTP 协议的状态码,默认返回码100 – 30x是正常情况,其余为异常情况。Code 为 0 表示 HTTP 请求没有到达服务端或者服务端没有返回。HTTP Code 成功率 = (HTTP 请求返回100 – 30x 的数量) / (总 HTTP 请求的数量)。Retcode 成功率:Retcode 是服务侧定义的业务返回码,默认 Retcode 为 0 表示接口正常,否则为接口异常。Retcode 成功率 = (Retocde 成功个数) / (接口总个数) |
| 静态资源 | 前端 HTML 页面中主要包含的静态资源有:JS 文件、CSS 文件和图片文件,若这些文件加载耗时较长、失败等,将直接对页面造成影响甚至瘫痪。 |
| 自定义测速 | 自定义上报,参见 接入指南 选择接入应用方式,进入实例方法 说明文档 > 使用 reportTime 或 time、timeEnd 方式自定义埋点上报数据。 |
| 自定义事件 | 自定义上报,参见 接入指南 选择接入应用方式,进入实例方法 说明文档 > 使用 reportEvent 方式自定义上报事件。 |
注意:LCP:从用户请求网址到在可视窗口中渲染最大可见内容元素所需的时间。
一、总览视图分析
展示 页面性能 关键指标变化趋势图。
·单击上方的图例可取消或展示对应的数据。
·支持按时间段或近14天粒度展示变化趋势图。
·在曲线中拖动鼠标可展示某一时刻首屏渲染时间。
·把鼠标移动到图表中,并向上滑动鼠标可缩小图表时间跨度,向下滑动鼠标可放大图表时间跨度。
二、自定义视图选择
·你可以在页面顶部,勾选需要展示的视图。
·你还可以勾选后页面底部将会根据各维度展示前端性能数据情况,方便你从各维度分析前端性能数据。
三、其它视图
| 视图名称 | 说明 |
| 网络/平台视图 | 用饼图形式展示来自各区域的异常数量、占比及首屏时间 。其中网络包括3G、4G、WIFI 等,平台包括 Macos、Windows、IOS 等 |
| ISP 视图 | 用饼图形式展示来自各运营商的异常数量、占比及首屏时间。运营商包括移动、电信、联通等。 |
| 地区视图 | 用饼图形式展示来自各区域的异常数量、占比及首屏时间。 |
| 品牌/机型视图 | 用饼图形式展示来自手机品牌/机型的异常数量、占比及首屏时间。 |
| 浏览器视图 | 用饼图形式展示来自各浏览器的异常数量、占比及首屏时间。 |
| Version 视图 | 用饼图形式展示来自各应用版本的异常数量、占比及首屏时间。你可以通过在接入应用时的 new Aegis 传入 version 来自定义研发相关的版本信息,默认使用 SDK 的版本。 |
| Ext1 视图、Ext2 视图、Ext3 视图 | 自定义视图,由你自定义上报时传入参数。详情请参见 接入指南。 |