通過CloudFront比本地加載速度更慢的CSS圖像精靈

Question

我剛剛將我的CSS圖像精靈更改爲從本地運行到CloudFront，現在存在顯着的延遲，即使在頁面和頁面重新加載時也是如此。任何想法爲什麼這可能發生？

Answer 1

將圖像從localhost移動到服務器（在這種情況下爲CloudFront）總是會導致速度損失（當然相對於localhost）。這是因爲即使有偉大的託管服務，瀏覽器必須通過因特網發送http請求到該服務器，以查明該文檔是否因爲之前被緩存而被修改，或者不是（未修改：HTTP響應304）。

假設文檔不需要再次下載/重新緩存，這應該是CSS的圖像請求的結尾（特別是如果您使用的是css-sprites）。

如果因爲緩存已過期或文檔已更改而必須重新下載圖像精靈，那麼顯然瀏覽器必須通過互聯網和網絡再次下載該文件。由於您自己的網絡/企業內部網，家庭與家庭之間的家庭與鄰居之間的爭用，以及您的ISP爲您提供的任何速度，都會產生成本。

而localhost是相同的機器，並且（可能）具有以毫秒爲單位測量的響應。相比之下，訪問亞馬遜的CloudFront可能只需要一兩秒鐘，但這仍然是一個數量級（或更多）。