tencent cloud

腾讯云可观测平台

动态与公告
产品动态
产品简介
产品概述
产品优势
基本功能
基本概念
应用场景
使用限制
购买指南
云产品监控
应用性能监控
终端性能监控
前端性能监控
云拨测
Prometheus 监控服务
Grafana 服务
事件总线
云压测
快速入门
监控概览
实例分组
云产品监控
应用性能监控
云拨测
云压测
Prometheus 监控服务
Grafana 服务
创建 Dashboard
事件总线
告警服务
云产品监控
云产品监控指标
控制台操作指南
云服务器监控组件
云产品监控对接 Grafana
故障处理
实践教程
应用性能监控
应用性能监控简介
接入指南
控制台操作指南
实践教程
参考信息
常见问题
终端性能监控
终端性能监控概述
控制台操作指南
接入指南
实践教程
前端性能监控
前端性能监控简介
控制台操作指南
接入指南
常见问题
云拨测
产品简介
控制台操作指南
常见问题
云压测
云压测概述
控制台操作指南
实践教程
JavaScript API 列表
常见问题
Prometheus 监控
Prometheus 监控简介
接入指南
控制台操作指南
实践教程
Terraform
常见问题
Grafana 服务
产品简介
控制台操作指南
Grafana 平台常用功能指引
常见问题
Dashboard
什么是 Dashboard
控制台操作指南
告警管理
控制台操作指南
故障处理
常见问题
事件总线
事件总线简介
控制台操作指南
实践教程
常见问题
报表管理
常见问题
腾讯云可观测平台常见问题
告警服务相关
一般性问题
监控图表相关
云服务器监控组件相关
动态阈值告警相关
云监控对接 Grafana 相关
文档阅读指南
相关协议
应用性能监控服务等级协议
APM 隐私协议
APM 数据处理和安全协议
前端性能监控服务等级协议
终端性能监控服务等级协议
云拨测服务等级协议
Prometheus 监控服务服务等级协议
Grafana 服务服务等级协议
云压测服务等级协议
云压测使用限制
Cloud Monitor Service Level Agreement
词汇表

性能数据分析

PDF
聚焦模式
字号
最后更新时间: 2024-11-01 19:27:48
前端性能监控支持您对下列数据进行分析:
类型
功能说明
页面性能
包括首屏渲染时间、LCP、DNS 查询耗时、 TCP 连接耗时、请求响应耗时、内容传输耗时、DOM 解析耗时、资源加载耗时 、SSL 建连耗时等页面性能指标。
日志查询
包括历史日志、页面访问日志、自定义事件日志和离线日志查询。
异常分析
JS 错误、Promise 错误、Ajax 请求异常、JS 加载异常、接口返回码异常等异常情况。
页面访问
页面访问用于展示页面访问量情况(UV、PV ) ,并支持多维度分析页面访问情况。
API 监控
HTTP Code 成功率、Retcode 成功率、API 请求耗时等调用情况监控。
静态资源
前端 HTML 页面中主要包含的静态资源有:JS 文件、CSS 文件和图片文件,若这些文件加载耗时较长、失败等,将直接对页面造成影响甚至瘫痪。
自定义事件
自定义上报,需参见 接入指南 选择接入应用方式,进入实例方法说明文档 > 使用 reportTimetime、timeEnd 方式自定义埋点上报数据。
自定义测速
自定义上报,参见 接入指南 选择接入应用方式,进入实例方法说明文档 > 使用 reportEvent 方式自定义上报事件。
说明:
LCP:从用户请求网址到在可视窗口中渲染最大可见内容元素所需的时间。

前提条件

已完成 应用接入

操作说明

总览视图分析

展示页面性能关键指标变化趋势图。
单击上方的图例可取消或展示对应的数据。-


支持按时间段或近14天粒度展示变化趋势图。
在曲线中拖动鼠标可展示某一时刻首屏渲染时间。
把鼠标移动到图表中,并向上滑动鼠标可缩小图表时间跨度,向下滑动鼠标可放大图表时间跨度。



自定义视图选择

您可以在在页面顶部,勾选需要展示的视图。


勾选后页面底部将会根据各维度展示前端性能数据情况,方便您从各维度分析前端性能数据。您还可以



其它视图

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


帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈