1.图片懒加载
图片懒加载技术的原理：将图片的src的属性设置为图片的占位图，将图片的data-original属性设置为图片的真实地址，通过前端的某个事件回调触发，将真正的图片地址赋值给src。
2.基本的性能优化：
- 代码的数量：css尽量不要使用css表达式（可以通过less、sass、stylus等css的预编译语法来实现），避免使用高级选择器。
- 请求的数量：请求越多，就越占用浏览器的进程，结果是页面加载等待时间过长，解决办法有：抽取公共样式，合并样式脚本文件，使用精灵图等，静态资源按需加载，分页加载等。
- 缓存利用：针对占用内存比较大且不需要总是变更的数据，可以采用cookie、sessionStorage、localStorage缓存在浏览器的内存中或者系统内存当中。
- 请求带宽：可以要发布的代码，压缩混淆之后再上线。 ######移动端的优化
- 使用css3动画、过渡、渐变等，让渲染引擎（硬件）加速
- 适当使用touch替代click,click比touch延迟300ms
3.移动端的优化
- 使用css3动画，开启硬件加速
- 使用touch 不要使用click
- 可以使用transform:translateZ(0)来进行加速
