《了不起的Webpack构建流程学习指南》
《了不起的WebpackHMR学习指南（含源码分析）》
《你不知道的WeakMap》番外篇
《你不知道的Blob》番外篇
《行JS代码，带你实现代码编译器》
来源:海洋里的魔*鱼前言最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。
性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。
性能分类对前端工程性能的优化，我觉得可以分为两类：
站在用户视角的主观的可感知的性能。站在开发者视角的可客观度量的性能。感知性能对于用户来说，用户的感知性能才是最重要的，简单讲，就是让用户感觉你的网站访问很快，并且感知性能没有衡量标准。
不过，凡事总有例外，如果一个页面的加载时间就会很长，我们也可以通过一些方式让用户觉得没有那么慢。
总之一句话，你的页面可以做的不快，但是你可以让你的用户觉得你很快。
客观性能对于开发者来说，性能指标是可以客观度量的，我们可以通过一些手段来优化Web性能，使这些度量指标达到开发者设定的标准。
客观性能是指，从用户输入url开始，到下载、解析和执行所有资源以及最终绘制的整个过程的时间度量。
性能指标是个很复杂的标准，后续我会单独整理出一篇文章介绍性能指标。
构建优化由于我司使用的是
vue/cli，所以许多webpack配置脚手架已经帮你完成了，我就不叙述了，这里只讲基于vue/cli做的一些优化配置gzip压缩gzip压缩效率非常高，通常可以达到70%的压缩率，也就是说，如果你的网页有30K，压缩之后就变成了9K左右。
//npmi-D