高性能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不仅可以提升性能,它也为你管理文件的压缩与缓存。

猜你喜欢

转载自blog.csdn.net/qq_37021554/article/details/88173494