应用性能指标
更新时间 2025-06-27 19:24:32
最近更新时间: 2025-06-27 19:24:32
对于 Web 应用,在“访问速度”页面中有一些性能指标及区间段耗时;对于小程序应用,在“页面性能”页面中也有一些性能指标,本文将逐一介绍。
Web 性能模型基于 W3C 标准中的 PerformanceNavigationTiming:
关键性能指标
上报字段 | 描述 | 计算方式 | 备注 |
---|---|---|---|
fmp (First Meaningful Paint) | 首屏时间 | 取 DOM 节点数变化最多的时间点与 fetchStart 间的时长 | 无 |
fpt (First Paint Time) | 首次渲染时间 | responseEnd - fetchStart | 从请求开始到浏览器开始解析第一批HTML文档字节的时间差。 |
tti (Time to Interact) | 首次可交互时间 | domInteractive - fetchStart | 浏览器完成所有HTML解析并且完成DOM构建,此时浏览器开始加载资源。 |
ready | HTML加载完成时间, 即DOM Ready时间。 | domContentLoadEventEnd - fetchStart | 如果页面有同步执行的JS,则同步JS执行时间=Ready-TTI。 |
load | 页面完全加载时间 | loadEventStart - fetchStart | Load=首次渲染时间+DOM解析耗时+同步JS执行+资源加载耗时。 |
firstbyte | 首包时间 | responseStart - domainLookupStart | 第一个数据包接受的时间。 |
区间段耗时指标
上报字段 | 描述 | 计算方式 | 备注 |
---|---|---|---|
dns | DNS查询耗时 | domainLookupEnd - domainLookupStart | 无 |
tcp | TCP连接耗时 | connectEnd - connectStart | 无 |
ttfb (Time to First Byte) | 请求响应耗时 | responseStart - requestStart | 无 |
trans | 内容传输耗时 | responseEnd - responseStart | 无 |
dom | DOM解析耗时 | responseEnd - responseStart | 无 |
res | 资源加载耗时 | loadEventStart - domContentLoadedEventEnd | 表示页面中的同步加载资源。 |
ssl | SSL安全连接耗时 | connectEnd - secureConnectionStart | 只在HTTPS下有效。 |
小程序关键性能指标
相关指标由 getPerformance 方法返回,取其中的 duration 字段。
上报字段 | 描述 | 备注 |
---|---|---|
load | 程序启动 | appLaunch,包含 程序启动耗时 + JS注入时间 |
res | JS 注入时间 | evaluateScript |
fpt | 页面首次渲染 | firstRender |
ready | 路由切换 | route |
dom | setData 耗时 | 字段复用,与 Web 指标中的 dom 无关 |