前端性能优化总结(8点要求)

　　老铁们，我胡汉三又回来了，最近扫黄比较严，然后我就出去避了避风头，

　　今天我们来总结总结对前端进行性能优化的方法吧，这篇随笔没啥代码，但是我总结了总结，看一下总归是有点用的

　　1.减少http请求

　　　　　　a.CSS sprites(精灵图)，即合并图片，减少图片请求次数

　　　　　　b.CSS，JS源码压缩。

　　　　　　c.cdn托管

　　　　　　d.数据缓存

　　　　　　e.图片服务器

　　2.前端模板JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量来保存AJAX的请求结果，每次操作本地变量，不用再去请求，减少请求次数

       3.用innerHTML代替DOM操作,减少DOM操作次数，优化 性能

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

　　5.少用全局变量，缓存DOM节点查找的结果，减少IO读取操作

　　6.避免使用CSS (css表达式)又称Dynamic properties(动态属性)；

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

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