Fatal编程技术网
  • javascript/
  • 在JavaScript中显示浏览器加载的Kb

在JavaScript中显示浏览器加载的Kb

javascript performance

在JavaScript中显示浏览器加载的Kb,javascript,performance,load,loader,user-experience,Javascript,Performance,Load,Loader,User Experience,我必须加载一个动画画布文件与一些沉重的图像，也有一些JS文件的html文件。我想显示一个加载程序，其中KB/MB是在用户等待应用程序启动时加载的 有没有办法知道在JS中从浏览器中加载了多少KB？performance.getEntries（）.map（x=>x.encodedBodySize）.reduce（（a，b）=>a+b）适用于文本资源，但另外，没有图像等价物；您需要构建并发布一个url+大小的映射/字典，您的脚本可以使用它来进行此类计算（您可以通过performance.getEntr

我必须加载一个动画画布文件与一些沉重的图像，也有一些JS文件的html文件。我想显示一个加载程序，其中KB/MB是在用户等待应用程序启动时加载的

有没有办法知道在JS中从浏览器中加载了多少KB？

performance.getEntries（）.map（x=>x.encodedBodySize）.reduce（（a，b）=>a+b）
适用于文本资源，但另外，没有图像等价物；您需要构建并发布一个url+大小的映射/字典，您的脚本可以使用它来进行此类计算（您可以通过
performance.getEntries（）
，判断图像是否到达，但不能判断图像的大小）。谢谢，这很有用，而且我看到，相对于所有其他类型的资源，EncodedBySize属性同样适用于图像。所以我想象一下，使用一个计时器，每秒检查所有EncodedBySize和所有DecodedBySize的总和？（显示加载百分比指示器）