Html 我们是否应该在现代浏览器时代使用sprite sheet?

Html 我们是否应该在现代浏览器时代使用sprite sheet?,html,css,page-load-time,Html,Css,Page Load Time,我想知道,在能够处理多个HTTP请求的现代浏览器时代,对整个站点使用一张sprite表是否仍然是一种最佳实践。对于一个大型站点,如果页面倾向于只使用精灵页面中的一些图像/图标,那么精灵页面可能会变得更大,其中包含大约100个图像和图标。在这种情况下,浏览器不是问题或解决方案。正如你所暗示的,这完全是下载时间和大小的问题。这些仍然是相关的。移动电话的连接速度很慢,因此您需要限制要下载的数据量和单个文件的数量 因此,如果一个站点的每个页面只使用一张大表单中的几个精灵,那么该表单可能不是最佳选择。但是

我想知道,在能够处理多个HTTP请求的现代浏览器时代,对整个站点使用一张sprite表是否仍然是一种最佳实践。对于一个大型站点,如果页面倾向于只使用精灵页面中的一些图像/图标,那么精灵页面可能会变得更大,其中包含大约100个图像和图标。

在这种情况下,浏览器不是问题或解决方案。正如你所暗示的,这完全是下载时间和大小的问题。这些仍然是相关的。移动电话的连接速度很慢,因此您需要限制要下载的数据量和单个文件的数量

因此,如果一个站点的每个页面只使用一张大表单中的几个精灵,那么该表单可能不是最佳选择。但是,对于大多数页面上的少数精灵,仍然可以使用工作表

也许查看工作表本身的内容也很重要。如果所有精灵的颜色都相同,您可以从中创建一个非常小的PNG文件。我看到许多在线使用的图像文件没有得到优化