javascript - 大型 CSS Sprite 是个好主意吗？

Question

我有一个大型 CSS Sprite，它需要大约 3 秒才能加载到我的高速互联网上。我想知道这是否是个好主意。

除此之外，我还想知道是否应该在实际加载 Sprite 时只显示 Sprite 的一小部分图像。虽然这意味着两个 HTTP 请求而不是一个，但我想知道如果我在加载文档时让覆盖消失，是否会带来更好的 UI/用户体验。

Answer 1

多大才算大？？ 3秒似乎很荒谬。如果您要加载阳光下的每张图片，那么不，这不是一个好主意。您可能还需要研究图像优化(它目前的格式是什么？您可以发布 Sprite 图吗？)

基本上这是一种权衡。如果您使用页面 Sprite 中 1/2 的图像，那很好，因为您通过较少的 HTTP 连接获得更多 yield ，然后浪费未使用的图像。如果您在 sprite 中使用了 1% 的图像，那是不值得的。

就您的第二个问题而言 -- 如果 Sprite 需要像当前一样大，绝对要这样做。由于加载一张额外的小图像，您会发现损失很小。例如， Sprite 的要点是减少 HTTP 连接数，从 100->10。 10->11 没什么大不了的。