【性能监控】计算 页面首次绘制时间（FP）（白屏时间）

含义

FP (First Paint) 指标通常会反映页面的白屏时间，而白屏时间会反映当前 Web 页面的网络加载性能情况，当加载性能非常良好的情况下，白屏的时间就会越短，用户等待内容的时间就会越短，流失的概率就会降低

访问页面的模式

1. 多页面之前切换 / 通过服务端路由来切换的方式

2. SPA 单页路由

由于SPA一直都是 有内容的，所以统计 fp 的意义不大

如何计算 FP 

performance.getEntriesByType('paint')

name 为 ' first-paint ' 的 startTime 就是 FP 时间

setTimeout(() => {
  var fp = performance.getEntriesByType('paint').filter((item) => {
    return item.name === 'first-paint'
  })[0].startTime.toFixed(2)
  console.log(fp, 'fp')
}, 2000)

2s 后再获取进行上报，不然获取不到

时间保留了两位小数