关于前端性能优化方案

关于性能优化是个老生常谈的话题，每个项目的开发都需要考虑其性能优化问题，从而加快响应速度，提高用户的体验度。
以下是关于性能优化的方案：
1.减少http请求次数：图片使用雪碧图、图片大小控制在合适范围、压缩JS和CSS源码、网页Gzip、CDN托管、data缓存、图片服务器；

2.使用前端模板 JS+数据，减少由于Html标签导致的宽带浪费，前端用变量保存Ajax请求结果，每次操作请求变量，不用请求，减少请求次数；

3.用innerHTML代替Dom操作，减少Dom操作次数，优化JavaScript性能；

4.当需要设置的样式很多时设置className，而不是直接操作style；

5.减少使用全局变量，缓存Dom节点查找的结果；

6.避免使用css表达式又称动态属性；

7.图片预加载，将样式表放在顶部，将脚本放在底部，加上时间戳；

8.避免在页面的主体布局中使用table，table要等其他的内容完全下载之后才会显示出来，显示比div+css布局慢。