大樣式或更小版本的HTTP請求

我已更改最近包括我的CSS，而不是圖像請求外部圖像文件的base64數據URI字符串。大樣式或更小版本的HTTP請求

這造成的問題是從一個樣式表，而不7KB的數據URI來與他們200KB +尺寸的增加。不過，我的http請求數量要少得多。

這是正確的 - 大樣式比一個多圖像請求更好的方法嗎？

2011-08-02 amateur

200KB未壓縮，還是壓縮+ gzipped？ – Moses

@Moses - 這是壓縮和gzipped。 – amateur

200Kb對於樣式表來說是相當大的。如果你還沒有，請確保你壓縮了它。如果某些/大部分數據字符串圖像沒有在大多數頁面上使用，則最好將它們拆分爲單獨的樣式表，並將其僅包含在需要的頁面上。

2011-08-02 23:34:23

要求越少越好。但是，託管限制了特定下載流的連接速度。所以，如果你的200KB文件可以在2秒內下載，也許 2個100KB的文件可以在1秒內下載。其餘的就在你身上。

ADDED：使用壓縮不能減小尺寸。您的圖像數據無法壓縮。

2011-08-02 23:36:19 avetarman

樣式表的大小與您base64'd圖像的總規模。如果它相同或更小，則使用base64 URI會佔用更少的空間（和下載時間）。通常，如果正在檢索的數據是相同的並且所述請求不是併發的，則對於多個較小的請求，一個大的請求是可取的。

2011-08-02 23:36:53

你怎麼樣保持一個樣式表在文檔中包含除了你的base64數據所需的一切頂部（在頭）。這將快速加載，並讓文檔主體開始加載/顯示這些初始樣式。

然後，創建在文檔（閉合/標記之前右）的底部，其包含圖像爲base64數據的第二樣式表。這樣，當這個開始加載時，至少內容是可見的，並且大部分以您想要的方式構建。

雙贏？

祝你好運！

2011-08-02 23:41:31 Funka

回答