构建并部署高性能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不仅可以提升性能,它也为你管理文件的压缩与缓存
发布了231 篇原创文章 · 获赞 93 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/wobushixiaobailian/article/details/100571726