HTML中的精灵图像，它们是否在显示之前加载？

【问题标题】：Sprite images in HTML, are they loaded before anything is shown?HTML中的精灵图像，它们是否在显示之前加载？
【发布时间】：2014-08-19 21:18:05
【问题描述】：

在网站上使用这些精灵，它们会在 sprites.png 的那一部分被加载时显示，还是仅在整个 sprites.png 加载后才显示？

假设我的连接速度太慢了以至于会引起注意......

另一种澄清方式： STARKA 文本（位于 .png 的顶部）会在社交图标之前显示（位于 .png 的顶部）还是会在 sprites.png 完全加载后同时显示？

【问题讨论】：

【解决方案1】：

根据Yahoo ：这取决于您将样式表放在哪里。根据浏览器的不同，只有在加载与该内容相关的所有图形元素时才会显示该内容。所以你可能会认为“这没有任何区别！”。所以使用或不使用精灵没有任何区别，但仅在高速连接中。

但问题是，使用 sprite 可以显着减少页面加载所需的时间。因此，“STARKA”可能会在非常非常慢的连接上显示在社交图标之前。

访问您的网站并查看您有多少不同的图像后，期待使用精灵不会浪费时间！它不会解决使用 56K 的人的问题，但它可能仍会为许多人改善您的网站 :)

【讨论】：