这份文字是根据近期团队做 来问丁香医生 SPA 和 丁香医生小程序 加载速度优化的经历整理而成。 古人有一句话叫做：治感冒看疗效。既然是关于速度优化的，我们就先来看一下优化的效果。 选取了访问量较大的首页和我的页面进行随机取样，通过下图可以看到首页的加载时间从 5.1s 下降到…

当你的网页使用了最新的流行技术（比如 React、CSS3, ES6/7 等）却被要求兼容 IE 浏览器的时候你的内心其实是崩溃的，但毕竟 IE 存在了这么久要指望它一下子消失是不太现实的，所以作为一个有 (mei) 追 (ban) 求 (fa) 的前端我们还是来看看如何兼容

翻译过来，大概意思就是：在计算机中，摇树是一种死代码消除技术，用来优化由Dart、JavaScript或TypeScript等语言编写的由web浏览器加载的单个包的应用。 何谓“死代码”？那就是程序运行时执行不到或者说用不到的代码，如果是基于JS模块化开发，最经典的例子就是如果…

我们知道做好负载均衡对网站的正常运行，用户体验相当重要。在负载均衡中有一个必须要做的事情就是给服务器开启GZIP压缩功能，对用户请求的页面进行压缩处理，以达到节省网络带宽，提高网站速度的作用。 GZIP是若干文件压缩程序的简称，通常指GNU计划的实现，此处的GZIP代表的就是G…

为什么要开启gZip我们给某人发送邮件时，我们在传输之前把自己的文件压缩一下，接收方收到文件后再去解压获取文件。这中操作对于我们来说都已经司空见惯。我们压缩文件的目的就是为了把传输文件的体积减小，加快

1. 开启gzip压缩的好处 可以减小文件体积，传输速度更快。gzip是节省带宽和加快站点速度的有效方法。 客户端接受到数据后去检查对应字段的信息，就可以根据相应的格式去解码。 客户端请求时，可以用 Accept-Encoding:gzip，用户说明接受哪些压缩方法。 客户端在…

网站加载的速度取决于浏览器必须下载的所有文件的大小。减少要传输的文件的大小可以使网站不仅加载更快，而且对于那些宽带是按量计费的人来说也更友好。 gzip是一种流行的数据压缩程序。您可以使用gzip压缩Nginx实时文件。这些文件在检索时由支持它的浏览器解压缩，好处是web服务器…

√多环境配置 √proxy √修复HMR失效 √修复Lazyloading routes Error √添加别名 √去除无效css √打包分析 √ 配置externals √sass提供全局样式及变量 √文件上传alioss √添加IE兼容 √开启gzip

在上周末广州举办的feday中，webpack的核心开发者Sean在介绍webpack插件系统原理时，隆重介绍了一个中国学生于Google夏令营，在导师Tobias带领下写的一个webpack插件，webpack-deep-scope-analysis-plugin，这个插件能…