google-chrome - 谷歌浏览器从缓存加载图片比下载慢

Question

我正在构建一个网络应用程序来浏览本地服务器上的大照片。

奇怪的是，Chrome 加载图片表单缓存花费的时间太长，甚至比从本地服务器下载还要多。

每张照片大约 5Mb，Chome 下载它大约需要 200 毫秒，但从缓存中大约需要 400 毫秒。

下面是一个屏幕截图:


我的环境是 Mac OSX 10.8.4，我已经在 pc 上对其进行了测试 - 它的成本约为 700 毫秒。

这是一个 test on jsfiddle .

我在网上找不到这么大的图片，所以你可能需要 fiddle2 或 Charies 将这些图片映射到你自己的本 map 片。并重写标题以使 Chrome 缓存它们:

Expires:Wed, 17 Jul 2013 01:50:08 GMT
Cache-Control:max-age=604800
Connection:keep-alive
Date:Wed, 10 Jul 2013 07:33:51 GMT
Last-Modified:Wed, 10 Jul 2013 01:13:26 GMT

Answer 1

不是很有用，但我对这个问题的解决方案是将图像编码为数据 URI。复制图像(正如我所做的那样)或从缓存中提取大约需要 10-50 毫秒。

如果您通过 AJAX 加载图像，那么您必须注意 CORS 问题，但是如果您在服务器端加载它们，您只需要弄清楚是否可以内联它们而不会使您的页面加载过多长。