1. 图片懒加载
- 图片加载到可视区域时再去加载
- 先不设图片的src属性，先将图片的属性放在一个浏览器无法识别的属性中，比如data-src, 然后监听页面的scroll事件，当页面的scrollTop与浏览器的高度之和大于图片距离页面顶端的距离时，说明图片进入了可视区域，就将data-src中的值放进src中，这样图片就显示出来了。
2. CSS Sprites
- 将多个小图标，比如按钮icon之类的，合并到一张大图里，然后在用到图标时我们只需要将这个大图设为背景图片，通过
background-position去定位需要显示的图标的地方就可以了 - 这样只需要一次http请求，提高了网页的性能
- 如果需要对图标进行频繁修改的话就比较难维护，这时候可以用到spritesmith这个库，他可以自动合成图片，并可以得到图片合并之后的位置。
3. 渐进现实图片
- 图片渐进显示就是在图片完全加载之前，使用低分辨率的模糊图片做预览图，让用户先看到模糊的轮廓，同时加载真正的高清图，高清图片加载完之后，将模糊图片替换掉。
