performance - 计算和验证第一个字节的时间 (TTFB)

Question

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

TTFB

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

TTFB 到 DOM 就绪

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

页面加载

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

这些公式正确吗？我如何才能检查它们？我听说您可以在 Firebug 的网络面板中测量它们，但检索这些值似乎很麻烦。不确定您在 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 就绪

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

页面加载

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