跳转到主要内容
PRODUCT DOCUMENTS

快速找到所需文档,高效完成接入与排障

浏览产品文档与友盟 Skill,展开目录并阅读正文。

H5页面分析

重要

使用H5页面分析需要付费升级为专业版本,需要您采购专业版后才可以使用,采购地址:点击进入 。

功能概述

H5页面分析分为用户感知、加载性能、慢加载三大模块,可以实时监控应用中H5页面的性能情况,需要额外集成JS SDK

指标说明

用户感知指标

指标名称

描述

首屏时间(FP)

First Paint,从打开页面到首个像素渲染到页面的时长

首次内容绘制时间(FCP)

First Contentful Paint,首次绘制完成DOM内容的时长,内容包括文本、图片(包含背景图)、非白色的 canvas 或 SVG,也包括带有正在加载中的 Web 字体的文本

页面可交互时间(TTI)

Time to interactive,从页面加载开始到页面处于完全可交互状态的时长。

首次加载跳出率

每个session中,第一个页面完全加载前用户跳出率

1秒快开比

首屏完全加载时长≤1s的PV占比

2秒快开比

首屏完全加载时长≤2s的PV占比

5秒慢开比

首屏完全加载时长>5s的PV占比

页面加载指标

指标名称

描述

计算方式

卸载页面(Unload)

unload事件时间

unloadEnd-unloadStart

重定向(Redirect)

redirect事件时间

redirectStart-redirectEnd

检查缓存(Appcache)

Appcache

domainLookupStart-fetchStart

DNS查询

DNS解析耗时

domainLookupEnd - domainLookupStart

TCP连接

TCP连接耗时

connectEnd - connectStart

SSL建连

SSL 连接时间

connectEnd - secureConnectionStart

请求响应/

首字节网络请求

首字节响应时间Time to First Byte(TTFB)

responseStart - requestStart

首字节

first byte,收到首字节的时间

responseStart - fetchStart

内容传输

数据传输耗时,Response阶段耗时

responseEnd - responseStart

DOM解析

DOM 解析耗时

domInteractive - responseEnd

DOM Ready

HTML加载完成时间?

domContentLoadEventEnd - fetchStart

资源加载

资源加载耗时(页面中同步加载的资源)

loadEventStart - domContentLoadedEventEnd

load事件时间

load事件时间

loadEventEnd-loadEventStart

页面完全加载

页面完全加载时间

LoadEventEnd - fetchStart

采样率

H5分析统一采样率为5%,此采样率按照设备的启动定义,即为每次启动有5%的可能性被采样。

功能描述

用户感知

用户感知包含整体趋势、样本分布、维度分布、指标列表

展示指标随时间的变化情况,可以通过切换大数字卡片查看不同的指标

大字卡片展示分位值,是指将指标数据从小到大排列,排名第xx%的指标数值

截屏2023-02-16 下午3

大数字卡片中所选指标的区间分布

所选指标在各维度下的指标均值,选择分位值的时候,展示从小打到排名前xx%的指标的样本分布

维度分布中,按照所选,展示均值或者从小打到排名前xx%的指标在各个维度下的平均值

指标列表展示所有指标,支持导出,包含50%、90%、95%分位值

加载性能

加载性能包含整体趋势、平均时长、指标列表、样本分布和维度分布

整体趋势可以查看加载指标的平均值、50%、90%、95%分位值

平均时长代表了所选时间段和条件下,所有加载数据的平均值

样本分布和维度分布列出了各个指标的采集样本分布,以及在各个筛选条件下的维度分布情况

慢加载

慢加载包含加载URL列表,URL请求样本分布、请求ID列表和单次请求加载时序图

您可以自定义慢请求的整体阈值,页面完全加载时长超过慢加载阈值的被视为慢启动,默认为3秒,设定后页面即刻刷新

URL列表中包含请求URL的列表,URL以host+path进行聚合,点击URL后可以查看到在所有筛选的时间和条件下每次慢请求的ID list

点击URL行旁边的维度分布可以展开整体的维度分布图,展示了这个URL按照Host+Path聚合后,在每个维度下面的数量分布

点击请求ID行右边的加载时序图,即可展开这次慢请求的详情,其中展示了本次请求的详细设备信息以及页面加载的完整生命周期