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

前端之家收集整理的这篇文章主要介绍了CSS精灵如何加快网站的速度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想了解CSS精灵如何提高网站的效能?

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

解决方法

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

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

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

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

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

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

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

原文链接:https://www.f2er.com/css/216605.html

猜你在找的CSS相关文章