01
关键能力
源自白皮书「前端体验功能 · 体验概况」章节
体验指数
Apdex 体验指数
由 Apdex 联盟开放的用于评估应用性能的工业标准,一般分为满意、容忍、烦躁三个区间,量化整体体验水位。
三种指数
网页体验指数
页面访问的体验指标,反映页面打开与渲染的整体表现。
三种指数
页面网络体验
浏览器发送网络请求到接收服务器返回数据的体验指标,关注网络链路耗时。
三种指数
资源请求体验
资源文件下载的体验指标,覆盖图片、脚本、样式等静态资源的加载表现。
核心指标
体验辅助指标
同时提供页面请求次数、资源请求次数、页面卡顿、资源请求失败以及 js 错误等指标,与体验指数互补。
诊断分析
三类诊断下钻
页面诊断看打开速度均值/峰值/峰值时间,ajax 诊断看 API 成功率/均值/谷值,js 错误诊断看报错次数/占比/详情。
02
指标口径
关键指标定义(数字/口径可追溯,不编造)
| 指标 / 维度 | 口径说明 |
|---|---|
| Apdex 定义 | 体验指数由 Apdex 联盟开放,是用于评估应用性能的工业标准,一般分为满意、容忍、烦躁三个区间。 |
| 区间阈值 | 按页面打开耗时 2 秒基准:0-2 秒为满意;2-8 秒内为容忍区间;大于 8 秒为烦躁区间。 |
| Apdex 公式 | Apdex=(满意次数+容忍次数*0.5)/总次数;一般 Apdex 指数在 0.7 左右,可认为体验良好。 |
| 网页体验指数 | 页面访问的体验指标。 |
| 页面网络体验 | 浏览器发送网络请求到接收服务器返回数据的体验指标。 |
| 资源请求体验 | 资源文件下载的体验指标。 |
| 体验辅助指标 | 页面请求次数、资源请求次数、页面卡顿、资源请求失败以及 js 错误等指标。 |
| 页面诊断 | 访问速度以页面为指标,显示页面渲染情况打开速度、均值、峰值、峰值时间等信息。 |
| ajax 诊断 | API 成功率以 API 调用次数为指标,显示调用情况成功率、均值、谷值等信息。 |
| js 错误诊断 | JS 错误日志以 JS 错误数量为指标,显示报错次数、占总错误数的比例以及错误详情等信息。 |
场景小结
体验概况是前端性能的"第一屏":运营与研发打开即可看到当前 Apdex 水位与三区间分布,判断整体体验是否良好(≈0.7);体验下降时,沿页面诊断、ajax 诊断、js 错误诊断三层下钻,快速区分是页面渲染慢、接口响应差还是脚本报错导致,为性能优化提供明确的起点。