performance API 中什么指标可以衡量首屏时间

1. performance.timing.loadEventEnd:返回当前网页 load 事件的回调函数运行结束时的 Unix 毫秒时间戳。如果该事件还没有发生,返回 0。
   performance.timing.navigationStart:当前浏览器窗口的前一个网页关闭,发生 unload 事件时的 Unix 毫秒时间戳。如果没有前一个网页,则等于 fetchStart 属性。

代码如下：

   var t = performance.timing;
   var pageLoadTime = t.loadEventEnd - t.navigationStart;
   // 在这里pageLoadTime就是首屏时间

2. 或者在mounted生命周期中调用performance.now()得到当前网页 从 performance.timing.navigationStart 到 当前时间的的 微秒数。

同时以下几个指标都会在不同程度上影响首屏渲染时间：
navigationStart:同一个浏览器上一个页面卸载结束时的时间戳
redirectStart:该值的含义是第一个http重定向开始的时间戳
redirectEnd:最后一个HTTP重定向完成时的时间戳
domainLookupStart:DNS域名查询开始的时间
domainLookupEnd:DNS域名查询完成的时间
responseStart:开始接收到响应的时间
domLoading:开始解析渲染DOM树的时间
domComplete:DOM树解析完成,且资源也准备就绪的时间
loadEventEnd:load事件的回调函数执行完毕的时间