方法一：代码压缩
1、生产环境压缩，开发环境不压缩（用cross-env插件判断环境变量NODE_ENV）
2、cross-env设置环境变量时必须放在开头
方法二：摇树（tree shaking）
1、css tree shaking （注意指定需要摇树的html和js路径）
npm install glob-all purify-css purifycss-webpack -D
2、js tree shaking （webpack自带，直接配置即可用）
3、副作用：需要在package.json里添加sideEffects属性，开启白名单。
方法三：借助自动化工具-- lightHouse
//安装
npm install -g lighthouse
//生成报告 并在浏览器中打开
lighthouse http://kaikeba.com --view
1、性能报告
·Perfermance 性能分析
·Accessibility 可访问性
·Best Practices 最佳实践
·SEO 搜索引擎优化
·Progressive Web App 是否集成pwa
2、六大核心指标： FCP TTI SI TBT LCP CLS
