HTML中的精灵图像是在显示任何内容之前加载的吗?

时间:2014-08-19 12:57:50

标签: html css image css-sprites

如果我有一张包含精灵的图片: http://www.starka.se/wp-content/themes/starka/images/sprites.png

在网站上使用这些精灵,是否会显示sprites.png的那部分已加载,或者它们只会在加载完整个sprites.png之后显示?

让我们说我的连接速度太快,以至于这是显而易见的......

另一种澄清方式: STARKA文本(位于.png顶部)是否会在社交图标(稍微向下)之前显示在网站上,或者它们是否会在sprites.png完全加载后同时显示?

1 个答案:

答案 0 :(得分:0)

根据Yahoo:这取决于你放置样式表的位置。根据浏览器的不同,内容仅在加载与此内容相关的所有图形元素时显示。所以你可能会想“它没有任何区别!”。因此,使用或不使用精灵没有任何区别,但仅限于高速连接。

但问题是,使用精灵可以显着减少页面加载的时间。因此,“STARKA”可能会在非常缓慢的社交图标之前显示。

访问您的网站并查看您有多少不同的图像后,期待使用精灵不会浪费时间!对于使用56K的用户来说,这不会解决问题,但对于很多人来说,它仍然可以改善你的网站:)