css-sprites – 在Web应用程序中使用CSS Sprites有什么优势?

前端之家收集整理的这篇文章主要介绍了css-sprites – 在Web应用程序中使用CSS Sprites有什么优势?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个流量相当大的网站上工作,我正在研究使用CSS sprite来减少设计中的图像加载数量.

除了减少传输数据的数量外,使用CSS精灵有什么好处吗?你真的保存了多少空间?是否有一个门槛,使用精灵变得值得一个网站?

更新:感谢您的回复.他们显然都非常仔细思考,并提供了很好的来源来验证你的观点.我现在觉得在我的网站设计中,有更多的能力做出关于使用CSS精灵的知情决定.

解决方法

问题一般不在于可能节省的带宽数量.更多的是减少呈现网页所需的HTTP请求数量.

考虑到:

> Web浏览器只能并行执行几个HTTP请求
>执行HTTP请求意味着往返服务器,这需要很多时间
>我们有“快速”的互联网连接,这意味着我们下载快速

需要时间的时候,当做很多需要获取内容(如图像,图标等)的请求是到服务器的多次往返时:最后花费时间等待请求去,并且服务器响应,而不是用这个时间来下载数据.

如果我们可以最小化请求数量,那么我们可以最大程度地减少服务器的访问次数,并且更好地使用我们的高速连接(我们下载更大的文件,而不是等待更小的文件).

这就是为什么使用CSS精灵.

有关更多信息,您可以查看,例如:CSS Sprites: Image Slicing’s Kiss of Death

猜你在找的CSS相关文章