15

我一直在结合 CSS 和 JS 文件。这同样适用于图像,也是。我在这里想知道 Google 的 SPDY 及其多路连接是否消除了对所有这些的需求?编译/缩小不是我在这里要问的,只是我们在典型 HTTP 协议中拥有的额外 HTTP 请求的开销。

4

3 回答 3

15

SPDY 允许您的浏览器并行获取所有图像,这很有帮助。如果浏览器有足够的带宽,这足以使 SPDY 非精灵化的速度与带有精灵的 HTTP 一样快。

但是,精灵对于绝对性能仍然更好。

通常,当您组合 5-6 张图像时,生成的图像大小明显小于单个图像大小的总和。您的结果会有所不同,具体取决于您使用的图像类型和数量。CSS技巧家伙有一个例子: http ://css-tricks.com/css-sprites/

于 2011-02-19T19:21:54.347 回答
2

即使使用 SPDY 的多路复用,减少请求也可能会提高性能。

于 2011-02-18T19:07:23.613 回答
0

不要将 CSS sprite 与外部样式表一起使用 - 外部样式表中的资源显然只有在外部样式表下载后才会被发现,并且只有在规则匹配元素时才会被发现。它们提供的减少 HTTP 请求的优势对于 SPDY 来说是不必要的,因为它是多路复用的。因此,CSS 精灵只会让它变慢。

https://www.chromium.org/spdy/spdy-best-practices

于 2015-09-21T00:54:17.370 回答