如何計算Web請求的開銷？

Question

假設網站上有一個奇特的按鈕。並且按鈕的設計是這樣的，它的一部分可以作爲重複背景進行切片和應用。

我經常切片的圖像，並將它們作爲重複背景使用這種方式。因此，圖像中的一個按鈕被分成幾個不同的圖像。我這樣做是爲了減少使用圖像的大小。

我的團隊負責人告訴我不要切片圖像。如果將按鈕分成三部分，則會有三個Web請求。這會降低網站的速度。

我覺得很難相信三個請求的開銷會比使用整個圖片更多。所以我只想知道如何計算每個Web請求傳輸的字節量。

Answer 1

如果您在網站上重複使用了三幅圖像，您將節省請求和帶寬（您的直覺反應）。然而，這三個圖像需要首先檢索 - 所以你必須重用它們。

關鍵是這樣的：由於HTTP pipelining的開銷幾乎可以忽略不計（特別是因爲你認爲這是HTTP - 一個基於字符串的協議）。正在檢索的三張圖像可能與檢索單張圖像的延遲時間相同。

- 編輯：從Ericlaw後評論 -

流水線確實不廣泛支持。然而，這並不意味着你不能從三幅圖像中獲益。只要確保您在整個網站中重複使用它們即可A LOT。

- 編輯 -

瀏覽器打開多個到服務器的連接，該規範是2個連接上次我查了 - 但是，我相信，最近的瀏覽器打開更多。

Answer 2

您可以使用firebug上的net選項卡來查看每個Web請求所花費的時間，並將其分解爲下載響應中每個組件所花費的時間。