让我的背景图片加载更快？

Question

我的背景图像似乎是最后加载的。我不介意第一次，但我希望它被缓存，所以任何使用相同背景的后续页面都应该立即加载。然而，背景只有在整个页面绘制完成后才会加载。

我的css在头部，我的大部分js文件都在底部。(我也在头部保留了来自cdn的jquery )。

背景图像是1X960像素(双色gif)，尺寸很小，沿Y方向重复。

有什么我可以做的使它加载得更快吗？

老实说，这一点在chrome和firefox中很明显。在IE8中，后台加载迅速。

Answer 1

由于你使用的是VS Dev Server，如果你使用的是Windows7(也许还有Vista)，这可能是值得一试的，这是因为一些DNS/IPv6问题需要永远解决，这也是让我发疯的事情，直到大约5天前，完全相同的问题。加载一个500k的页面需要8秒，现在需要383ms

导航到主机文件(C:\Windows\System32\drivers\etc)，检查第二个localhost条目是否已被注释掉，如下所示，带有#符号：

# localhost name resolution is handled within DNS itself.
127.0.0.1       localhost
#::1             localhost

注释掉这行代码立即解决了问题--我不太确定问题到底是什么，但我知道这解决了问题。

Answer 2

使图像更大

它只有1px高，有些浏览器很难把一个图片重复这么多次。试着把它调高50px，看看它是否能提高性能。我找不到答案，但有一次有人告诉我，有些浏览器真的很难处理重复的背景，它们会消耗大量的处理能力来重复渲染数百次。

不同域

提供来自无cookieless域的静态数据可以提高镜像加载性能。

Answer 3

检查你的缓存meta标签，如果它存在并设置为"no- cache“，它可能不会缓存你的图像。

此外，如果您的CSS文件非常大，它将影响下载在CSS中引用的图像。