高性能Javascript第九章构建并部署高性能javascript应用

笔记:

  1. Apache Ant 软件自动化工具 类似make 引用属性:${}
  2. 网站提速指南中第一条也是最重要的一条规则,就是减少页面渲染需要的HTTP数。
  3. Apache Ant 合并多个文件的concat,特定依赖关系连接,关系确定,使用filelist/fileset
  4. 预处理Javscript
  5. Javascript 压缩,运行无关的进行剥离。
  6. YUI Compressor 局部变量替换成更短的形式,方括号变。,去掉直接属性名的引号,替换转义符号,合并常量。
  7. 节省字节数:局部引用存储在对象/值中,用闭包封装代码,使用常量替代重复值,避免eval以及类似的Function构造函数,with关键字等。
  8. 只要是能在构建时候完成的工作,就不要留到运行时去做。
  9. 当Web浏览器请求一个资源,通常发送Accept-Encoding HTTP头,来告诉Web服务器它支持哪种编码转换类型。
  10. 缓存JavaScript文件,通过Expires Http响应头来告诉客户端一个资源应当缓存多长时间。
  11. HTML5应用缓存
  12. 缓存要确保用户下载到最新的静态内容,静态资源重命名来解决。版本号或者开发编码。时间戳。
  13. 使用内容分发网络CDN。通过地理位置向最近的用户传输内容,CDN极大减少网络延时。
  14. 敏捷JavaScript构建过程,smasher是PHP5编写的应用程序,合并多个JavaScript文件并预处理,根据选项对内容进行压缩。

 

小结:

  1. 构建和部署中重要的步骤:
  2. 合并JavaScript文件减少HTTP请求。
  3. 使用 YUI Compressor 压缩JavaScript文件。
  4. 在服务器压缩JavaScript文件。
  5. 通过正确设置HTTP响应头来缓存JavaScript文件,通过向文件名增加时间戳来避免缓存问题。
  6. 使用CDN提供JavaScript文件,CDN不仅可以提升性能,它也为你管理文件的压缩与缓存。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值