获取页面资源加载时间

需求场景

海外个别客户反馈后台管理页面打开白屏时间太长

项目背景

项目架构是微服务（iframe），各个项目相互独立，也方便统计具体页面的资源加载时间。

解决方案

const performance = window.performance || window.msPerformance || window.webkitPerformance
if (performance) {
  const listPaint = performance.getEntriesByType('paint')
  if (listPaint.length) {
    const sole = listPaint.find((each) => each.name === 'first-contentful-paint')
    if (sole) {
      const fcptime = Math.round(sole.startTime) // 资源加载时间
      fetch(...)
    }
  }
}