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

Question

我的背景图片似乎是最后加载的。我不介意第一次， 但我期待它被缓存，因此任何使用相同背景的后续页面都应该立即加载。 但是，只有在绘制整个页面后才会加载背景。

我的css在标题中，我的大多数js文件位于底部。 （我也在标题中保留了cdn的jquery）。

背景图片，1X960像素（2色gif），尺寸相当小，沿Y重复。

我能做些什么来加快加载速度吗？

说实话，这在chrome和firefox中是显而易见的。在IE8中，背景会立即加载。

Answer 1

使图片更大

只有1px高，一些浏览器很难重复图像。尝试将它设为50px高，看看它是否能提高性能。我找不到答案，但有人向我展示了一些浏览器真的很难重复背景，并且他们耗费了大量的处理能力来重复渲染数百次。

不同的域名

从无Cookie域提供静态数据可以提高图像加载性能。

Answer 2

由于您使用的是VS Dev Server，如果您使用的是Windows 7（也许是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 3

检查您的缓存元标记，如果它存在并设置为“无缓存”，则可能无法缓存您的图像。

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

Answer 4

所有这些答案的组合都有帮助。我已经把他们全部投了。