构建并部署高性能JavaScript应用

---

合并多个JavaScript文件

网站提速指南中第一条也是最重要一条规则，就是减少页面渲染所需的Http请求数。

预处理JavaScript文件

预处理JavaScript代码并不会让应用变得更快，但它允许你做些其他的事情，如有条件插入测试代码，来衡量应用程序的性能。

JavaScript压缩

JavaScript指的是把Javascript中所有与允许无关的部分进行剥离的过程。剥离的内容包括注释和不必要的空白字符。

JavaScript的http压缩

当Web浏览器请求一个资源时，它通常会发送一个Accept-Encoding Http头来告诉Web服务器它支持那种编码转换类型。Accept-Encoding的值包括：gzip、compress、deflate、identity。

缓存JavaScript文件

• web服务器通过"Express Http响应头"来告诉客户端一个资源当缓存多长时间。
• 针对有些浏览器限制了缓存大小，可以使用客户端存储机制。
• 使用HTML5流线应用缓存。建立一个manifest file来对缓存的文件进行控制。

处理缓存问题

有些时候，当应用升级是，需要确保用户下载最新的静态内容。

解决办法：把更改过的静态资源重命名。如加校验和或者时间戳

使用内容分发网络CDN

内容分发网络（CDN）是在网络上按地理位置分布计算机网络，它负责传递内容给终端用户。使用CDN的主要原因是增强Web应用的可靠性、可扩展性，更重要的是提高性能，减少网络时延。

总结

• 合并JavaScript文件以减少Http请求数
• 使用YUI compressor压缩JavaScript文件
• 在服务器端压缩JavaScript文件（Gzip编码）
• 通过正确设置Http响应头来缓存JavaScript文件，通过文件名增加时间戳来避免缓存问题。
• 使用CDN提供JavaScript文件，cdn不仅可以提升性能，它也为你管理文件的压缩与缓存