更快使用個人資源文件或單個文件？

Question

像這樣創建一個包含多個圖標/圖像的個人資源文件的速度更快嗎：http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png或創建多個文件，每個文件都包含單獨的文件。看起來單個文件的速度會更快，因爲您只需要下載一次文件，但需要花些時間調整CSS文件中每個類的background-position CSS屬性。我在這裏有點迷路，因爲我看到不同的網站使用不同的技術，我想知道哪個是最好的。

Answer 1

這被稱爲「CSS精靈」。只要單個文件不是太大以至於減慢了網站的加載速度，那麼這是一種很好的技術。

如果這些是網站的主要UI項目，值得花時間在CSS位置編碼。編寫代碼並不需要太長時間，並且只有很少的文件需要處理。

實施例：http://skyje.com/2010/02/css-sprites/

實施例：http://coding.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/