腾讯云可观测平台 性能数据分析

腾讯云前端性能监控支持页面性能、日志查询、异常分析、API监控等数据分析,并提供了总览视图、自定义视图及网络/平台等多维度视图,帮助用户全面分析前端性能。 页面性能:涵盖首屏渲染时间、LCP、DNS查询等核心指标。 异常分析:监控JS错误、Promise错误、Ajax异常等。 API监控:分析HTTP Code与Retcode成功率及请求耗时。

相关产品
腾讯云可观测平台 产品页,含版本规格、价格与购买入口。

前端性能监控支持你对下列数据进行分析:

类型 功能说明
页面性能 包括首屏渲染时间、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 视图 自定义视图,由你自定义上报时传入参数。详情请参见 接入指南。
赞 (0)
上一篇 4天前
下一篇 4天前