9章构建并部署高性能js应用
我们在写代码的时候做了大量的工作来优化,但是其实有一半的使用者并没有使用缓存,还有很多没有进行压缩。
合并 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" 转载请保留原文链接及作者。