vue 页面加载时间:白屏时间:首屏时间:页面可交互时间:加载完成时间。

vue 页面加载时间:白屏时间:首屏时间:页面可交互时间:加载完成时间。
export function logPerformanceMetrics() {
  // 白屏时间
  const timing = performance.timing;
  const whiteScreenTime = timing.responseStart - timing.navigationStart;

  // 首屏时间
  const paintEntries = performance.getEntriesByType("paint");
  const firstContentfulPaint = paintEntries.find(
    (entry) => entry.name === "first-contentful-paint"
  );
  
  // 可交互时间
  const domReadyTime = timing.domContentLoadedEventEnd - timing.navigationStart;

  // 完全加载时间
  const loadTime = timing.loadEventEnd - timing.navigationStart;

  // 打印结果
  console.log(
    "白屏时间White Screen Time:计算从用户开始请求页面到浏览器开始接收到响应的时间，即白屏时间（用户看到空白页面的时间）",
    whiteScreenTime
  );
  if (fi