在我的网页中,同一张图片在不同的地方使用了约5000次。
我一直听说浏览器会自动缓存图像,因此我不必担心,但是,当我在Chrome中配置页面加载的配置文件时,情况似乎并非如此。请在附件中找到分析结果的屏幕截图:
所有标记为红色的区域都一遍又一遍地下载相同的图像。它被标记为“接收数据”,因此我认为它确实每次都在下载。
[当我检查正在下载的资源URL时,每个实例都添加了附加的唯一ID,例如:“ https://localhost:44344/images/MenuNode.png?1588089781084”,这在我的代码中不存在。
所有这些下载总共花费了相当多的时间。有没有一种方法可以只下载一次此图像,以加快整体页面加载时间?
好吧,我找到了它,由于某种原因,我用来绘制图表的库正在检测其节点html中的所有图像,并向它们添加唯一的标识符...