Html 使用单个资源文件或单个文件更快？

创建这样一个包含多个图标/图像的单个资源文件是否更快：或者创建多个文件，每个文件中包含一个单独的文件。使用单个文件似乎速度更快，因为您只需下载一次文件，但调整CSS文件中每个类的背景位置CSS属性需要时间。我在这里有点迷茫，因为我看到不同的网站使用不同的技术，我想知道哪种技术最好。

这就是所谓的“CSS精灵”。只要单个文件不太大，不会减慢站点的加载速度，那么使用它是一种很好的技术

如果这些是站点的主要UI项，那么花时间将它们编码到CSS位置是值得的。编写代码并不需要太长时间，而且要处理的文件也很少

例如：

例如：