Angularjs 在chrome中等待很长时间的Web资源

Angularjs 在chrome中等待很长时间的Web资源,angularjs,image,google-chrome,Angularjs,Image,Google Chrome,因此,我从cloudinary中提取了几个图像(100+)并将它们显示在网页上。有些图片可以立即下载,但有些需要很长时间。它们都是完全相同的图像大小 我认为这与chrome可以同时处理的请求有关,但我不确定 如何减少此等待时间? 以下是devtools网络选项卡: 只有图像的时间。注意:许多图像是相同的 它们仅在测试时相同 如果你需要更多的细节,请告诉我 以下是其中一幅图像的示例: 两张完全相同的图像,时间不同: 它们是否都来自同一个服务器url?我相信HTTP1.1只允许从任何一个url同

因此,我从cloudinary中提取了几个图像(100+)并将它们显示在网页上。有些图片可以立即下载,但有些需要很长时间。它们都是完全相同的图像大小

我认为这与chrome可以同时处理的请求有关,但我不确定

如何减少此等待时间?

以下是devtools网络选项卡:

只有图像的时间。注意:许多图像是相同的

它们仅在测试时相同

如果你需要更多的细节,请告诉我

以下是其中一幅图像的示例:

两张完全相同的图像,时间不同:

它们是否都来自同一个服务器url?我相信HTTP1.1只允许从任何一个url同时下载三次。还有图像有多大(像素大小)?从文件大小判断,我猜是1024x1024。。。试着用ImageMagick或Photoshop/Fireworks来处理它们。它们都来自cloudinary.com/***这符合相同的服务器url吗?别忘了,也可能是客户端带宽算作相同的url;正如@David Grinberg所指出的,可能还有其他因素;我不确定你能在不降低JPG压缩质量的情况下让它们小得多。通过使用ImageMagick将质量降低到60%,我可以将尺寸减半<代码>转换C:\test.jpg-质量60%C:\test\u resized.jpg