前端性能優化二：使用雪碧圖

雪碧圖(CSS sprite),是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，減少對服務器的請求數量，從而加快頁面加載速度，這也是CSS Sprites最大的優點。 還是以淘寶爲例，看看它是怎麼實現的，看下圖，第一個圖是css如何實現的，第二個是圖片（被定位的大圖） css sprite優點多多，但是定位比較麻煩，給大家推薦個快速

>>阅读原文<<