01
关键能力
源自白皮书「前端体验功能 · 资源分析」章节
资源分析
六大资源维度
以图片、ajax、js 文件、link 文件、css 资源以及 iframe 页面等为维度,覆盖页面加载的主要资源类型。
资源分析
资源体验指标
每个资源维度提供体验指数、请求次数、页面平均耗时、发生 js 错误、请求卡顿次数等指标。
异常资源
请求失败统计
以图片、ajax、js 文件、link 文件、css 资源以及 iframe 页面等为维度,统计请求失败次数,标注问题资源。
异常资源
卡顿次数统计
以六类资源为维度统计卡顿次数,与请求失败共同构成异常资源的观察入口。
02
指标口径
关键指标定义(源自白皮书,口径可追溯)
| 指标 / 维度 | 口径说明 |
|---|---|
| 资源分析 | 以图片、ajax、js 文件、link 文件、css 资源以及 iframe 页面等为维度的体验指数、请求次数、页面平均耗时、发生 js 错误,请求卡顿次数等。 |
| 异常资源 | 以图片、ajax、js 文件、link 文件、css 资源以及 iframe 页面等为维度的体验指数、请求次数、请求失败次数和卡顿次数等。 |
| 资源维度 | 图片、ajax、js 文件、link 文件、css 资源、iframe 页面六类资源。 |
| 请求失败次数 | 资源请求失败的总次数,异常资源的重点关注指标。 |
| 卡顿次数 | 资源请求过程中发生卡顿的次数,与请求失败共同评估资源健康度。 |
场景小结
资源分析用于回答"页面慢是哪些资源拖的":页面加载变慢时,先看六类资源的请求次数与平均耗时分布,再进入异常资源视图按请求失败次数与卡顿次数排序,优先处理失败/卡顿最高的 js 文件、ajax 接口或大图,是前端性能优化的直接抓手。