js能否检测单文件加载进度

Question

最近公司有个需求，要求我们手机网页在打开的时候，能显示资源的加载进度。我提出例如总体图片的加载作为进度条的数据。但是领导想要能显示单文件资源加载进度（例如css，js，图片等资源在网络超级差的情况下）。后来网络上我看了一些资料都是一下关于下载的（虽然我也感觉下载和缓存不是一回事==），感觉不太是领导要求的。所以深夜发文了。要是能有小小demo让我拜读一下就更好了。

Answer 1

单文件的加载时间，可以通过Perfromance API来处理，使用performance.getEntries()获取所有资源请求的时间数据这里有篇文章，你可以参考初探 performance – 监控网页与程序性能，希望可以帮到你。