前端部署打包时的性能方面探索

主要分为五个方面：

1.减少请求数量：合并js、css文件，目前用构建打包工具可以方便的实现。

2.压缩和精简代码：压缩js、css和图片等文件（Gzip），减小资源大小，利于网络传输，目前用构建打包工具可以方便的实现。

3.页面结构：css引入放在顶部，js文件引入放在底部，目前用构建打包工具可以方便的实现。

4.CDN和缓存：把静态资源发布到云端，让用户迅速的请求到资源，利用版本管理控制CDN缓存和浏览器缓存（Cache-Control、Expires、ETag等）。

5.多域：使用DNS将资源请求解析到多个域名；解除浏览器连接并发限制，访问更快；使CDN缓存更分散小巧；隔离Cookie，由于Cookie不能跨域，使除了主域名外都没有cookie，节省cookie带宽。

这篇文章收益颇丰：https://blog.csdn.net/ywl570717586/article/details/84637718

知乎上关于前端开发和部署问题的讨论：https://www.zhihu.com/question/20790576