前端性能优化

1. 减少HTTP请求：使用 iconfont 字体图标，使用精灵图，合并js,合并 css
2. 减少DNS查询
3. 将css放在页面最上面，将js放在页面最下面
4. css设置样式类名不用与js相关
5. css尽可能的不用id设置类名
6. 压缩js和css：减少文件体积，去除不必要的空白符、格式符、注释，移除重复，无用代码，使用 gzip
7. 使用浏览器缓存相关信息
8. 避免 css 选择器层级嵌套太深
9. 图片延迟加载
10. 网站多域名使用dns预解析，提前解析域名
11. 高频触发事件使用防抖和节流
12. 使 ajax 可缓存
13. 使用 cdn
14. js垃圾回收
15. 减少js直接操作dom
16. js底层方法通用化，dom组件化，系统模块化，css类名通用化