如何计算Web请求的开销？

Question

假设有一个花哨的按钮放在网站上。按钮的设计使其部分可以切片并作为重复背景应用。

我经常将图像切片并以这种方式将其应用为重复背景。因此，图像中的一个按钮被分成几个不同的图像。我这样做是为了减少所用图像的大小。

我的团队负责人告诉我不要切片。如果将按钮分成三个部分，则会有三个Web请求。这将减慢网站的速度。

我发现很难相信三个请求的开销将超过使用整个图像。所以我只想知道如何计算每个Web请求传输的字节数。

Answer 1

您可以使用firebug上的网络标签查看每个网络请求所花费的时间，也可以分解为在响应中下载每个组件所需的时间。

Answer 2

如果您在网站中重复使用这三个图像，那么您将节省请求和带宽（您的直觉反应）。但是，最初需要检索三个图像 - 因此您必须重复使用它们。

关键在于：由于HTTP pipelining，开销几乎可以忽略不计（特别是因为您认为这是HTTP - 基于字符串的协议）。正在检索的三个图像可能具有与检索单个图像相同的延迟。

- 编辑：在Ericlaw的评论之后 -

管道传输确实得不到广泛支持。然而，这并不意味着你无法从三张图片中获益。只需确保在整个网站中重复使用 A LOT 。

- 编辑 -

浏览器还打开了多个与服务器的连接，我检查的标准是2个连接 - 不过，我相信最近的浏览器会打开更多。