在高流量网站上为性能进行精灵打算有多重要？

Question

一些高流量网站似乎有几乎疯狂的图像，几乎所有内容都在一个大图像中。

这对高流量网站和长期维护难度有多大影响？

我知道这可能是一段'字符串有多长'的问题，但我有兴趣了解人们从这样的练习中获得的性能提升的任何经验。

Answer 1

通过使用精灵，您可以减少服务器的数量或http请求。

图像构成了绝大多数的http请求，雅虎认为，下载页面内容所耗费的时间大约有80％被浪费在不必要的http请求上。

如果您选择了一个像amazon.com主页那样简单的内容，那么每当用户（没有存储缓存）访问其主页时，可能会下载超过50个图像。

如果您认为亚马逊每天必须有数百万用户访问他们的网站。

通过从所有图像创建精灵，用户只需下载一个文件而不是五十个文件。

缩短服务器的响应时间并改善最终用户的结果。

Answer 2

几年前我做了一些最小尺寸的.GIF可能 - 43字节。为了发送1x1图像，有246个字节的HTTP协议与它一起发回，对原始请求至少没有那么多（如果还有cookie则更多）。还有TCP / IP数据包开销。除此之外，还有往返时间。光速仍然是有限的，需要考虑它，特别是对于多个请求的开销。

简短版本是，下载的项目更少等于更快的网站。即使最终的精灵图像大于所有合并的图像，您仍然可以通过减少开销和往返次数来大幅获胜。

Answer 3

我相信大部分开销来自于简单地提出图像请求。显然，下载图像需要更多时间，但是启动请求，等待响应以及下载每个图像可能会导致大量流量随着时间的推移而增加。压缩也是如此。