前端性能监控性能数据分析-操作指南-文档中心-腾讯云

前端性能监控支持您对下列数据进行分析：
类型
功能说明
页面性能
包括首屏渲染时间、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 视图
自定义视图，由您自定义上报时传入参数。详情请参见 接入指南。

类型	功能说明
页面性能	包括首屏渲染时间、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 方式自定义上报事件。

视图名称	说明
网络/平台视图	用饼图形式展示来自各区域的异常数量、占比及首屏时间。其中网络包括3G、4G、WIFI 等，平台包括 Macos、Windows、IOS 等
ISP 视图	用饼图形式展示来自各运营商的异常数量、占比及首屏时间。运营商包括移动，电信、联通等。
地区视图	用饼图形式展示来自各区域的异常数量、占比及首屏时间。
品牌/机型视图	用饼图形式展示来自手机品牌/机型的异常数量、占比及首屏时间。
浏览器视图	用饼图形式展示来自各浏览器的异常数量、占比及首屏时间。
Version 视图	用饼图形式展示来自各应用版本的异常数量、占比及首屏时间。您可以通过在接入应用时的 new Aegis 传入 version 来自定义研发相关的版本信息，默认使用 SDK 的版本。
Ext1 视图、Ext2 视图、Ext3 视图	自定义视图，由您自定义上报时传入参数。详情请参见接入指南。

性能数据分析

本页目录：

前提条件

操作说明

总览视图分析

自定义视图选择

其它视图