关注分离

HTML CSS JS 各层次之间避免互相嵌套

减少DOM渲染

需要创建很大的dom树时，可以先做好分支，一次渲染到DOM树

减少事件绑定

使用事件代理

长期运行脚本

• 使用setTimeout()可以使用户接口保持响应
• 使用 web workers 技术

远程脚本

• XMLHttpRequest 异步方案
• JSONP 方案
• iframe 方案 和 img图像方案

页面优化

• 合并脚本
• 压缩脚本
• Expires报头配置，客户端静态缓存时间加长
• 使用cdn加速静态资源

载入策略优化

• script标签放在底部执行
• HTTP分片发送网页代码
• 使用动态加载script
  延迟加载
  按需加载
  预加载