计算和验证首字节时间（TTFB）

Question

我获得了以下公式来测量首字节时间（TTFB），TTFB到DOM就绪和页面加载。

TTFB

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

TTFB到DOM Ready

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

页面加载

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

这些公式是否正确？我怎么能检查它们？我听说你可以在Firebug的 Network 面板中测量它们，但是在检索值时看起来总体上很麻烦。不确定您在Chrome中获取值的位置。

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

Answer 1

Firebug实际上很容易看到这些时间。您只需在其命令行中执行window.performance.timing，它将显示一个图表并列出以下所有时间：

另外，根据description on MDN，我要说你的计算应该从fetchStart开始，因为这是浏览器准备好使用HTTP请求获取文档的时刻。根据您对 DOM Ready 的定义，该测量的结束时间也可能是domInteractive或domContentLoadedEventStart时间。

所以，我会说正确的测量结果是：

<强> TTFB

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

TTFB到DOM Ready

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

页面加载

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

Answer 2

可以使用Chrome的网络标签确认：

示例TTFB：

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