Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在CRA中跟踪下载速度?_Javascript_Reactjs_Performance - Fatal编程技术网

Javascript 如何在CRA中跟踪下载速度?

Javascript 如何在CRA中跟踪下载速度?,javascript,reactjs,performance,Javascript,Reactjs,Performance,我有一个CRA,我正在努力计算index.html的下载速度。我怎么能看到这个?我可以看到.chunk.js文件在慢速3G上下载了11秒,只有250kb~,这正常吗 我想计算html加载的速度,这样我就可以计算javascript启动它所需的时间,并监控整个速度过程。有人有做这件事的好方法吗 当前正在将sessionStorage设置为Date.Now(),但需要确切知道何时启动此功能,因此我比较了两个精确值此解决方案无法确定加载index.html所需的确切时间,但它从用户的角度评估网站,并告

我有一个CRA,我正在努力计算index.html的下载速度。我怎么能看到这个?我可以看到
.chunk.js
文件在慢速3G上下载了11秒,只有250kb~,这正常吗

我想计算html加载的速度,这样我就可以计算javascript启动它所需的时间,并监控整个速度过程。有人有做这件事的好方法吗


当前正在将sessionStorage设置为
Date.Now()
,但需要确切知道何时启动此功能,因此我比较了两个精确值此解决方案无法确定加载index.html所需的确切时间,但它从用户的角度评估网站,并告诉您可以进行哪些可能的优化。如果您的最终目标只是性能优化,我建议使用

下面的屏幕截图显示了评估结果以及加载某些项目或将其视为可见/可交互项目所花费的时间

他们在这个屏幕截图中使用了Chrome开发工具,但是还有一个(我更喜欢)