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