tencent cloud

前端性能监控

产品简介
产品概述
产品功能
应用场景
购买指南
计费概述
购买方式
欠费说明
快速入门
操作指南
应用接入
数据总览
页面性能
性能数据分析
异常分析
页面访问
API 监控
静态资源
自定义测速
自定义事件
应用管理
访问管理
告警策略
接入指南
Web 应用场景
小程序场景
API 文档
History
Introduction
API Category
Making API Requests
Console APIs
Business System and Project Information APIs
Custom Speed Test APIs
Custom Event APIs
API Monitoring APIs
Exception Analysis APIs
Page View APIs
Static Resource Monitoring APIs
Log APIs
Page Performance APIs
Data Types
Error Codes
常见问题
产品相关问题
技术排查相关问题
使用相关问题
服务协议
RUM 隐私协议
RUM 数据处理和安全协议
前端性能监控服务协议
终端性能监控隐私协议
终端性能监控数据处理和安全协议

性能监控

PDF
聚焦模式
字号
最后更新时间: 2024-01-22 19:39:30
您可以通过本文了解页面测速、接口测试、资源测速的统计方式和传入配置等信息。

页面测速

说明:
RUM 默认为您开启页面测速功能。
当您成功安装和初始化 SDK 后,Aegis 实例默认会上报以下指标:
1. DNS 查询:domainLookupEnd - domainLookupStart;
2. TCP 连接:connectEnd - connectStart;
3. SSL 建连:requestStart - secureConnectionStart;
4. 请求响应:responseStart - requestStart;
5. 内容传输:responseEnd - responseStart;
6. DOM 解析:domInteractive - domLoading;
7. 资源加载:loadEventStart - domInteractive;
8. 首屏耗时:监听页面打开3s内的 首屏 DOM 变化,并认为 DOM 变化数量最多的那一刻为首屏框架渲染完成时间(SDK 初始化后 setTimeout 3s 收集首屏元素,由于 JS 是在单线程环境下执行,收集时间点可能大于 3s);
9. 页面完全加载时间:为1-7项(DNS 查询、 TCP 连接、SSL 建连、请求响应、内容传输、DOM 解析、资源加载)时间总和;
说明:
1-7 项页面打开性能指标计算说明可从 PerformanceTiming 获取。首屏耗时对应的 DOM 元素,可以通过打印 aegis.firstScreenInfo 查看。如果 DOM 元素不能代表首屏,可以添加属性 <div AEGIS-FIRST-SCREEN-TIMING></div>,把某个元素识别为首屏关键元素,SDK 认为只要用户首屏出现此元素就是首屏完成。也可以添加属性 <div AEGIS-IGNORE-FIRST-SCREEN-TIMING></div>,把该 DOM 列入黑名单。
根据以上数据,前端性能监控为用户绘制了页面加载瀑布图
说明:
在服务端场景,瀑布图会出现首屏时间大于 DOM 解析的情况,这是由于移动端设备兼容性问题,有些设备无法获取到 DNS 查询、TCP 连接、SSL 建连时间,这三个指标汇总后的平均值偏小,导致除了首屏时间外的其他指标都往左偏移。

接口测速

说明:
打开方式:初始化时传入配置 reportApiSpeed: true
Aegis 通过劫持 XHRfetch 进行接口测速。

资源测速

说明:
打开方式:初始化时传入配置 reportAssetSpeed: true
Aegis 通过浏览器提供的 PerformanceResourceTiming 进行资源测速。

帮助和支持

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

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

文档反馈