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

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

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

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

解决方法

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

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

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

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

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

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

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

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

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