9章构建并部署高性能js应用

  1. 合并 JS
  2. JS 压缩
  3. Javascript 的 HTTP 压缩
  4. 缓存 Javascript 文件
  5. 利用 CDN 机制

我们在写代码的时候做了大量的工作来优化,但是其实有一半的使用者并没有使用缓存,还有很多没有进行压缩。

合并 JS

缩减请求,因为建立连接,包括请求的头部等等都是大量的性能开销,页面几十个 js 的引入其实花费了大量的时间。我们可以将 js 进行合并。

JS 压缩

通过 uglify

Javascript 的 HTTP 压缩

一般浏览器发送请求的时候,会带上它支持的压缩方式的列表,例如 gzip 等等,服务器接收到的时候,会选择一个支持的压缩,然后压缩了返回给浏览器。主要是文本文件。

缓存 Javascript 文件

就是设置 expires 头部来设置过期时间,或者使用 HTML5 离线应用缓存。

利用 CDN 机制

这个就是根据地域的靠近程度访问最近的 CDN。我们公司的是用的回源机制,如果新访问的 CDN 上没有,就会向源头尝试拿取资源,拿到了就会存在这台 CDN 服务器上。失效机制由 CDN 自己实现。


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 981909093@qq.com

文章标题:9章构建并部署高性能js应用

文章字数:297

本文作者:泽鹿

发布时间:2019-08-28, 16:45:23

最后更新:2019-08-28, 16:45:23

原始链接:http://panyifei.github.io/2019/08/28/读书笔记/高性能Javascript/9章构建并部署高性能Javascript应用/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏