前端優化：如何將多張圖標合併成一張，作好資源連接優化？

前端素材資源通常由圖片、SVG、音頻、視頻組成，每一個資源都會有一個獨立的連接請求，當一個web頁面素材過多時，這表示該頁面將會創建屢次連接請求，這將直接致使頁面加載速度變慢。那麼是否能夠將一些經常使用的圖標素材合併成一張圖片實現共用呢？答案是能夠的，這樣在使用時只需創建一次連接請求便可，這個步驟有點複雜， 咱們一步步來。css 首先，建立一個名稱爲prepros的web項目，目錄結構如圖所示：h

>>阅读原文<<