html - 我应该为每个页面使用单独的精灵还是为所有页面使用单个精灵？

Question

我在网站上有很多页面，有些页面有共同的图像和单独的图像，所以我应该为所有页面制作一个精灵并跨页使用还是每个页面都应该有自己的精灵

Answer 1

最初的目标应该是最少数量的请求和概念文件。单个精灵文件将是一个请求，然后将被缓存，这等于没有对后续页面的请求。因此，您应该在站点范围内使用尽可能少的 sprite 文件。

唯一的其他因素是文件大小。如果您的 sprite 文件开始变大，那么您可能希望将它们拆分以利用多个并发传输（通常为 2 个）。你的精灵文件通常应该足够小，这不是问题，因为精灵通常包含更小的视觉元素（如果这是一个问题，你应该做一些更认真的研究）。

如果您有特定于页面的小元素，它们应该在一个统一的站点范围的精灵中。如果它们具有相应的大小，那么您应该根据图像的大小与任何给定站点访问者查看该页面的可能性来决定。