前端性能优化

1、资源引用方面：
减少http请求，全局使用，缓存一切可缓存的资源文件；
压缩使用的css、js文件；使用雪碧图；
使用按需加载，scroll加载的处理方式；
异步加载资源，延后加载；
使用get ajax请求；
考虑页面缓存下使用外联引用。
2、css、js优化
css引用写在头部，javascript引用写在底部、使用异步加载，避免渲染等待；
避免在页面标签中写样式；
不过度引用字体，字体大小的问题；
值为0的时候不用单位；
使用标准的浏览器前缀，或者使用类似scss中的@include的写法，定义详细再引用；
不滥用页面浮动；
避免复杂dom 循环操作，适当使用break、continue、return；
id的工作效率比class高；
使用事件代理代替绑定事件。
缓存节点，尽量减少节点的查找，减少节点的操作（innerHTML）；
减少重绘和回流。
3、内容方面：
DNS解析优化（DNS缓存、减少DNS查找、keep-alive、适当的主机域名），切分到多个域名；
避免重定向，杜绝404；
4、图片优化：
优化图像，css雪碧图；
不在HTML中缩放图片；