前端优化：如何将多张图标合并成一张，作好资源连接优化？

前端素材资源通常由图片、SVG、音频、视频组成，每一个资源都会有一个独立的连接请求，当一个web页面素材过多时，这表示该页面将会创建屡次连接请求，这将直接致使页面加载速度变慢。那么是否能够将一些经常使用的图标素材合并成一张图片实现共用呢？答案是能够的，这样在使用时只需创建一次连接请求便可，这个步骤有点复杂， 咱们一步步来。css 首先，建立一个名称为prepros的web项目，目录结构如图所示：h

>>阅读原文<<