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