網站優化 - CSS和圖像

Question

我在優化高流量網站的過程。我正在使用的網站上有很多小部件 - 大約20個，默認情況下只加載7個。我正在考慮分離我的css和圖像精靈，以便爲默認小部件加載更快的時間。

對於非默認控件的其餘部分，我想有對每一個單獨的css文件和圖像精靈。這樣，當用戶選擇一個非默認的小部件時，我可以爲該特定的小部件動態注入CSS文件。

我的問題是 - 你認爲這是確定做或潛在的優化，因爲我將有更多的HTTP請求，因爲現在非默認的小部件將擁有自己的CSS和圖像文件精靈更糟糕？顯然，文件大小現在也會減少。

想法？還是解決相同問題的其他人？

Answer 1

您認爲這樣做可以做或可能更糟糕的優化，因爲我現在會有更多的HTTP請求，因爲非默認的小部件會有自己的CSS和圖像精靈文件？

那麼，最後是數學和只有你可以回答:)這將取決於實際數字的樣子。

在一個文件中保持默認的小部件精靈的聲音從你的描述明顯。

至於非默認的窗口小部件，如果你有技術手段的話，你可以嘗試分析您的使用情況統計數據。哪個非默認小部件最常用？請求方面是否有一些與其他方面脫穎而出？然後爲這些人制作一張具有所有必要精靈的圖像，併爲其餘部分保留單獨的圖像。

同時考慮成本效益比是否真的很好。製作和使用CSS精靈會長期增加維護成本，因爲更新圖形變得更加困難。現在減少請求的數量是非常重要的優化技術，但也有其他因素。也許不使用精靈節省的時間和金錢可能會更好地用於其他地方，比如改善網站的可用性或爲服務器購買新的RAM。