CSS减少资源请求的雪碧图

CSS资源引入要注意性能&＃xff0c;这不仅是SEO的需求&＃xff0c;也是项目开发过程中前端需要仔细考量的地方
所谓的雪碧图简单来说就是一张布满了本应用所需的大部或者全部小图标&＃xff0c;当然目前不考虑兼容过多的低版本浏览器的话&＃xff0c;iconfont也是一个不错的选择&＃xff01;
使用雪碧图的好处是&＃xff1a;

• 减少资源重复加载
• 减少向服务器发送资源请求
• 前端加载速度更快
• 用户体验更佳等等
  如何使用的问题‘
  一般可以在线生成&＃xff0c;不过如果你懂得设计的话更佳&＃xff0c;你可以合理调整摆放自己的图标&＃xff0c;在代码中就可以使用背景图片&＃xff0c;调整不同的背景位置即可&＃xff01;