Language agnostic 如何计算web请求的开销？

假设一个网站上有一个奇特的按钮。按钮的设计是这样的，它的一部分可以被分割并作为重复的背景应用

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

我的队长告诉我不要切割图像。如果你把一个按钮分成三个部分，就会有三个web请求。这会减慢网站的速度

---

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

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

问题的症结是：由于开销非常小（特别是因为您认为这是HTTP——基于字符串的协议）。正在检索的三个图像的延迟可能与检索单个图像的延迟相同

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

管道确实没有得到广泛支持。然而，这并不意味着你不能从三张图片中获益。只要确保在整个网站中大量重复使用它们即可

--编辑--

---

浏览器也会打开到服务器的多个连接，我上次检查的标准是2个连接——但是，我相信最近的浏览器打开的更多。

如果你在站点中大量重复使用这三个图像，你将节省请求和带宽（你的直觉反应）。但是，这三个图像需要首先检索，因此必须重用它们

问题的症结是：由于开销非常小（特别是因为您认为这是HTTP——基于字符串的协议）。正在检索的三个图像的延迟可能与检索单个图像的延迟相同

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

管道确实没有得到广泛支持。然而，这并不意味着你不能从三张图片中获益。只要确保在整个网站中大量重复使用它们即可

--编辑--

---

浏览器也会打开到服务器的多个连接，我上次检查的标准是2个连接——但是，我相信最近的浏览器打开的更多。

您可以使用上的“网络”选项卡查看每个web请求所用的时间，它还可以分解为下载响应中的每个组件所需的时间。

您可以使用上的“网络”选项卡查看每个web请求所需的时间，它还可以分解为下载响应中的每个组件所需的时间。

只有Opera进行管道传输。最小化HTTP请求是一个很好的策略。使用缓存和启用连接重用将对他有所帮助。只有Opera做管道。最小化HTTP请求是一个很好的策略。使用缓存和启用连接重用将对他有所帮助。将它们切分，然后对它们进行精灵化。你仍然会得到一个图像，但它仍然可以拉伸到你需要的任何宽度。将它们切片，然后对它们进行精灵化。您仍然会得到一个图像，但它仍然可以拉伸到您需要的任何宽度。