SVG图形web应用

传统引用图片的方式，无非<img src="...">,

或者css｛background-image:url("");｝例如阿里云邮箱的某个图标：

但现在的项目，一般都包含大量的图标和图片，使用传统方式无疑会产生大量的http请求，是前段加载变得缓慢；

解决方法有：

1：处理图片以及内容，现在一般都是懒加载，内容出现在视窗，才开始加载，这个方式应用广泛，原理也不难，此处不赘述；

2：图标一般是要做成矢量的，若公司UI实力强劲，可以维护一个iconfont库（Iconfont-阿里巴巴矢量图标