Performance 计算和验证到第一个字节的时间（TTFB）

我得到了以下公式来测量到第一个字节的时间（TTFB）、到DOM就绪的时间（TTFB）和页面负载

TTFB

window.performance.timing.responseStart - window.performance.timing.navigationStart

window.performance.timing.responseStart - window.performance.timing.fetchStart

TTFB到DOM就绪

window.performance.timing.domComplete - window.performance.timing.navigationStart

window.performance.timing.domInteractive - window.performance.timing.fetchStart

页面加载

window.performance.timing.loadEventStart - window.performance.timing.navigationStart

window.performance.timing.loadEventStart - window.performance.timing.fetchStart

这些公式正确吗？我怎样才能检查它们呢？我听说你可以在Firebug的网络面板中测量它们，但是在检索这些值时似乎总的来说很麻烦。不确定你从哪里得到Chrome中的值

---

那么，如何确定这些测量值呢？

Firebug实际上很容易看到这些计时。您只需在其命令行中执行

window.performance.timing

，它将显示一个图形，并如下所示列出所有计时：

另外，根据，我认为您的计算应该从

fetchStart

开始，因为这是浏览器准备使用HTTP请求获取文档的时刻。根据您对DOM Ready的定义，该度量的结束时间也可能是

domInteractive

或

domContentLoadedEventStart

时间

因此，我认为正确的测量方法是：

TTFB

window.performance.timing.responseStart - window.performance.timing.navigationStart

window.performance.timing.responseStart - window.performance.timing.fetchStart

TTFB到DOM就绪

window.performance.timing.domComplete - window.performance.timing.navigationStart

window.performance.timing.domInteractive - window.performance.timing.fetchStart

页面加载

window.performance.timing.loadEventStart - window.performance.timing.navigationStart

window.performance.timing.loadEventStart - window.performance.timing.fetchStart

---

这可以通过Chrome的网络选项卡确认：

示例TTFB:

window.performance.timing.responseStart-window.performance.timing.requestStart

---

Firebug计时图看起来不准确-我怀疑浏览器会等到收到整个html后才开始对其进行DOM解析。你是对的，关于DOM处理的图表是不正确的。目前（Firebug 2.0.14）指的是从

响应

到

加载事件开始

的时间，而实际上它应该是

domLoading

和

domInteractive

或

domplete

之间的时间。我已经申请了。你从表中读出正确的计时。你从哪里得到这些公式的？