JS前端优化

1)减少http请求次数：css spirit,data uri   

(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布局慢

（13）Jquery查询先定位ID

（14）优化css（css解析右向左、回流)ID选择符》类选择符》类型选择符》相邻兄弟选择符》子选择符》后代选择符》通配符选择符》属性选择胡》鲔类元素

（15）避免使用Ifram框架

（16）css放入head之间，script放入靠尾部（http瀑布流)

 ( 17) 拆分初始化负载、无阻噻加载脚本

（18）图片格式选择（工具删除对效果没太的）

（19）尽量使用内置函数（+已经优化)

(20)检查是否用了密宝

（21）浏览器：<meta http-equiv=”Content-Encoding” content=”gzip” /> 

apache服务器：

<ifModule mod_gzip.c>

mod_gzip_on Yes

mod_gzip_dechunk Yes

mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$

mod_gzip_item_include handler ^cgi-script$

mod_gzip_item_include mime ^text/.*

mod_gzip_item_include mime ^application/x-javascript.*

mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

<ifModule>