【前端优化】

如何进行前端优化

（1） 减少http 请求次数：css spirit（多张小图放一个大图上，用定位选择不同小图）,data uri（压缩图片大小）

background: url(图片地址) no-repeat 10px 20px;        
10px 20px代表着横向和纵向坐标。
以容器的左上角为原点，图片向右或向下移动，数值就是正，向左或向上就是负。

（2） JS，CSS 源码压缩
（3） 前端模板JS+数据，减少由于HTML 标签导致的带宽浪费，前端用变量保存AJAX 请求结果，每
次操作本地变量，不用请求，减少请求次数
（4） 用innerHTML 代替DOM 操作，减少DOM 操作次数，优化javascript 性能
（5） 用setTimeout 来避免页面失去响应
（6） 用hash-table 来优化查找
（7） 当需要设置的样式很多时设置className 而不是直接操作style
（8） 少用全局变量
（9） 缓存DOM 节点查找的结果
（10） 避免使用CSS Expression
（11） 图片预载
（12） 避免在页面的主体布局中使用table，table 要等其中的内容完全下载之后才会显示出来，显
示比div+css 布局慢

【前端优化】

原文：http://www.cnblogs.com/shenyanran/p/6106466.html