應用性能指標
更新時間 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 無關 |
