在我看来，如果对我的精灵图像的唯一引用是在 css 中，那么这两个文件就不能并行下载。首先它必须下载 css 文件，然后它会知道它需要 sprites 文件，它可以开始下载 sprites。包含一个引用精灵图像的小内联 css 以便可以并行获取两者会更快吗？
问问题
278 次
3 回答
1
如果您的 sprite 是使用 javascript 使用的，那么使用 javascript 加载您的 sprite，这样您可以确保在 sprite 实际加载之前不能对它进行任何操作。
如果您使用 css3 来使用 sprite，则使用 css 或 html。
通过 html 我的意思是你可以在你的实际 html 文件中包含宽度和高度为 1px 的图像。这确保了图像也被加载。
就性能而言，它不会真正产生明显的差异。尽管使用 css3 可以确保您网站的所有用户都拥有相同的体验，而使用 javascript 只有在打开 javascript 时才能获得好处。
于 2013-04-19T06:20:42.980 回答
1
我们在工作中的项目中遇到了同样的问题，一个不太漂亮的解决方案是在开始标签之后添加一个img带有精灵的标签作为 a 。srcbody
于 2013-04-19T06:30:42.873 回答
1
如果你的精灵足够小，你也可以使用data URI (data URIs on CSS-Tricks)，但是你必须为 the 使用一个选择器，为 使用background-image额外的选择器background-image-position，所以你不必data URI在每个选择器上都包含 。
于 2013-04-19T06:53:18.907 回答