CSS精灵如何加快网站的速度?

我想了解CSS精灵如何提高网站的效能?

如果单张图像的总大小是较小图像的总和,为什么下载几个小图像比下载保存较小图像的单个图像慢?

解决方法

了解为什么HTTP请求的开销有这样的影响是很重要的.

在最简单的形式中,HTTP请求包括打开套接字,在打开的套接字上发送请求并读取响应.

要打开套接字,客户端的TCP / IP协议栈会向服务器发送一个TCP SYN数据包.服务器使用SYN-ACK进行响应,客户端使用ACK进行响应.

因此,在发送单个字节的应用程序数据之前,至少要等到整整一个半的时间到服务器.

然后,客户端需要发送请求,等待服务器解析请求,找到所请求的数据,发回它 – 这是另一个往返加一些服务器端的开销(希望有一个小的开销,虽然我看到一些缓慢的服务器)加上发送实际数据的时间,这是最好的情况,假设没有网络拥塞会导致数据包被丢弃和重传.

你应该避免每一次机会避免这种情况.

现代浏览器将并发发布多个请求,以减少部分开销.理论上,HTTP请求可以在同一个套接字上完成,使事情变得更好一些.但一般来说,网络往返对性能不利,应该避免.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效