页面分析

页面分析功能可以实时监测线上应用页面加载性能情况，帮助开发者快速定位问题并优化用户体验。

过滤条件

您可以按以下维度进行过滤：

• 设备名称
• 设备型号
• App版本
• 操作系统
• 操作系统主版本
• 地域
• 运营商
• 接入方式

指标分析

展示了过滤条件下页面性能指标的趋势图，您可以根据需要对性能指标过滤分析。耗时类性能指标支持以下值分析，默认展示P75值：

• 平均值
• P50
• P75
• P95
• P99

维度分析

通过以下四个维度来分析页面加载性能情况：

• 操作系统主版本
• 设备型号
• App版本
• 地域

选中任一维度明细数据后：

• 过滤条件会添加选中维度明细的过滤项
• 页面所有模块展示过滤后的性能数据
• 地域维度地图可以进行下钻，支持下钻到省/州

关系拓扑

展示应用页面加载与后端服务的完整链路，帮助分析性能瓶颈。

页面

默认选中页面片，底部展示页面性能数据列表。

列表展示数据包括：

• Mobile页面
• 访问次数
• 页面生命周期耗时
• 页面加载耗时
• 慢页面占比
• 页面_别名（可以在实体管理中为页面添加别名）

点击列表中的页面，进入到页面详情，详情展示了该页面的详情数据。

请求接口

选中请求接口卡片，底部展示「mime-type 为 text 或 json」请求数据列表。

列表展示数据包括：

• HTTP请求
• 请求次数
• 请求耗时
• 每分钟请求次数
• TTFB
• 请求错误率
• 网络错误率
• 服务端链路追踪耗时
• 慢请求次数
• 慢请求占比
• DNS耗时
• TCP耗时
• SSL耗时
• 服务端响应耗时
• 剩余包耗时
• 服务端链路追踪错误率
• 上行流量消耗
• 下行流量消耗
• 可用性

点击HTTP请求，进入到请求详情分析，详情分析展示了该HTTP请求详情数据。

资源接口

选中资源接口卡片，底部展示资源请求数据列表。列表展示数据同请求接口。

服务

选中服务卡片，底部展示后端服务列表「需后端嵌入APM探针」。

列表展示数据包括：

• 后端服务
• 请求次数
• 每分钟请求次数
• 服务端响应耗时
• 服务端链路追踪错误率

CDN

选中CDN卡片，底部展示CDN厂商数据列表。列表展示数据同请求接口。

页面详情

过滤条件

同上述过滤条件。

指标分析

同上述指标分析。

维度分析

同上述维度分析。

关系拓扑

展示应用单一页面加载与后端服务的完整链路，帮助分析性能瓶颈。

请求接口

选中请求接口卡片，底部展示「mime-type 为 text 或 json」请求数据列表。列表展示数据同上述请求接口。

资源接口

选中资源接口卡片，底部展示资源请求数据列表。列表展示数据同上述请求接口。

服务

选中服务卡片，底部展示后端服务列表「需后端嵌入APM探针」。列表展示数据同上述服务。

CDN

选中CDN卡片，底部展示CDN厂商数据列表。列表展示数据同上述CDN。

单样本详情

详情列表展示选中页面所有单样本详情数据。

列表展示数据包括：

• timestamp「发生时间」
• 终端用户唯一标识
• 会话ID
• 页面加载耗时
• 页面生命周期耗时
• 国家
• 省/州
• 城市

列表功能：

• 支持过滤用户ID、会话ID
• 支持导出
• 支持自定义表头
• 点击会话ID跳转到会话详情

Trace 详情追踪

点击详情列表timeStamp，进入到Trace 详情追踪页面，该页面展示了页面加载过程中的请求信息。

包含以下内容：

• 请求瀑布图：以瀑布图形式展示了页面加载中的请求信息，支持按请求类型过滤，支持搜索请求URL
• 元素统计：按请求类型和域名来统计请求量和文件传输大小
• 上报信息：展示该Trace 详情追踪的原始信息