【性能监控】时间计算

setTimeout(() => {
  const {
    connectEnd,
    connectStart,
    responseStart,
    requestStart,
    responseEnd,
    domLoading,
    loadEventEnd,
    domContentLoadedEventEnd,
    domContentLoadedEventStart,
    domInteractive,
    fetchStart,
    loadEventStart
  } = performance.timing
  const log = {
    connectTime: connectEnd - connectStart, // 连接时间
    ttfb: responseStart - requestStart, // 首字节到达时间
    responseTime: responseEnd - responseStart, // 响应时间
    parseDOMtree: loadEventEnd - domLoading, // 解析DOM 树
    domContentLoadTime: domContentLoadedEventEnd - domContentLoadedEventStart, // DOM 内容渲染时间
    timeTiInteractive: domInteractive - fetchStart, // 首次可交互时间
    loadTime: loadEventStart - fetchStart // 加载时间
  }
  console.log(log, 'log--')
}, 5000)