JavaScript模式第8章


关注分离

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

减少DOM渲染

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

减少事件绑定

使用事件代理

长期运行脚本

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

远程脚本

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

页面优化

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

载入策略优化

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

声明:Mr.xu|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - JavaScript模式第8章


Carpe Diem and Do what I like