前端性能检测工具 --- Web Vitals

柒月梦

于 2021-02-19 17:28:12 发布

阅读量7.8k

点赞数 2

分类专栏：杂记文章标签：前端性能 web vitals

本文链接：https://blog.csdn.net/guo187/article/details/113868538

版权

本文介绍了Google发起的Web Vitals，它提供了一组衡量网页性能的关键指标，如CLS、FID、LCP等。通过在React项目中引入web-vitals库，开发者可以监控和优化前端性能。文中详细阐述了如何在控制台打印数据、使用谷歌扩展工具、上报数据到服务器以及利用谷歌的gtag API来检测这些指标。

摘要由CSDN通过智能技术生成

最近在用react搭建项目，发现react的脚手架升级了，在项目根目录下发现了一个新的文件 – reportWebVitals.js。很好奇这是个啥。
reportWebVitals.js内容如下：

const reportWebVitals = onPerfEntry => {
   
  if (onPerfEntry && onPerfEntry instanceof Function) {
   
    import('web-vitals').

最低0.47元/天解锁文章