我在一个流量相当大的网站上工作,我正在研究使用CSS sprite来减少设计中的图像加载数量.
除了减少传输数据的数量外,使用CSS精灵有什么好处吗?你真的保存了多少空间?是否有一个门槛,使用精灵变得值得一个网站?
更新:感谢您的回复.他们显然都非常仔细思考,并提供了很好的来源来验证你的观点.我现在觉得在我的网站设计中,有更多的能力做出关于使用CSS精灵的知情决定.
解决方法
问题一般不在于可能节省的带宽数量.更多的是减少呈现网页所需的HTTP请求数量.
考虑到:
> Web浏览器只能并行执行几个HTTP请求
>执行HTTP请求意味着往返服务器,这需要很多时间
>我们有“快速”的互联网连接,这意味着我们下载快速…
需要时间的时候,当做很多需要获取小内容(如图像,图标等)的请求是到服务器的多次往返时:最后花费时间等待请求去,并且服务器响应,而不是用这个时间来下载数据.
如果我们可以最小化请求数量,那么我们可以最大程度地减少服务器的访问次数,并且更好地使用我们的高速连接(我们下载更大的文件,而不是等待更小的文件).
这就是为什么使用CSS精灵.
有关更多信息,您可以查看,例如:CSS Sprites: Image Slicing’s Kiss of Death