什么是网络生命，开始创造-反应-应用程序？

Question

我刚刚意识到我新创建的Reactjs应用程序有一个文件src/reportWebVitals.js，该文件正在index.js中调用。这个文件/代码的目的是什么？

const reportWebVitals = onPerfEntry => {
  if (onPerfEntry && onPerfEntry instanceof Function) {
    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
      getCLS(onPerfEntry);
      getFID(onPerfEntry);
      getFCP(onPerfEntry);
      getLCP(onPerfEntry);
      getTTFB(onPerfEntry);
    });
  }
};

export default reportWebVitals;

Answer 1

它是一个第三方库，用于捕获和度量用户体验指标，并开始作为create-react-app的默认标准。

Web库是一个微小的(~1K)模块库，用于测量真实用户的所有Web Vitals指标，其方式与Chrome如何测量它们并报告给其他Google工具(例如Chrome用户体验报告、页面速度洞察、搜索控制台的速度报告)准确匹配。

它们分为两个标题；

1. 核心网站Vitals

• 累积布局移位(日志服务)
• 第一输入延迟(菲德)
• 最大含量涂料(LCP)

1. 其他网站Vitals

• 第一次涂料(FCP)
• 到第一字节的时间(TTFB)

有关更多细节，-> https://github.com/GoogleChrome/web-vitals