性能优化时，你们时怎么计算页面加载时间的？

Question

你们时怎么计算页面加载时间的？

Answer 1

打开 F12：

先点击箭头所指的那个，会自动重载页面并开始记录，页面加载完毕后会自动停止并给出分析报告。

Answer 2

Web performance APIs

可以得到各种时间，如dns解析时间，连接时间、跳转时间、加载时间等指标。
这些API需要在页面加载完成后才能使用，需要在window.onload事件中读取各种数据，因为很多值必须在页面完全加载之后才能得出。

页面加载API

window.performance.timing 返回一个只读的PerformanceTiming对象，用于分析页面整体性能指标，常用的统计数据如下：

• DNS查询耗时 ：domainLookupEnd - domainLookupStart
• TCP链接耗时 ：connectEnd - connectStart
• request请求耗时 ：responseEnd - responseStart
• 解析dom树耗时 ： domComplete- domInteractive
• 白屏时间 ：responseStart - navigationStart
• domready时间 ：domContentLoadedEventEnd - navigationStart
• onload时间 ：loadEventEnd - navigationStart