# 页面性能(W3C)指标说明及定义

# 1、性能指标说明及定义

平台JS探针采集的页面性能数据都是根据W3C规范中定义的Navigation Timeing API计算而来的。

timing-overview.png

图 1 (来源:www.w3.org)

# 1.1 指标说明

指标名称

描述

计算方式

首字节

收到首字节的时间

responseStart - fetchStart

DOM Ready

HTML加载完成时间

domContentLoadedEventEnd - fetchStart

页面完全加载

页面完全加载时间

loadEventStart - fetchStart
DNS查询

DNS解析耗时

domainLookupEnd - domainLookupStart
TCP连接

TCP链接耗时

connectEnd - connectStart

请求响应

Time to First Byte(TTFB)

responseStart - requestStart

内容传输

数据传输耗时

responseEnd - responseStart

DOM解析

DOM 解析耗时

domInteractive - responseEnd

资源加载

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

loadEventStart - domContentLoadedEventEnd

# 参考