微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我在一个流量相当大的网站上工作,我正在研究使用CSS sprite来减少设计中的图像加载数量.

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

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

解决方法

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

考虑到:

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

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

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

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

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

原文地址:https://www.jb51.cc/css/216569.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。