1. 首页加载慢也可以分析其他原因，通过路由懒加载/尽量不生成map文件/使用cdn引入第三方库/gzip/预渲染打包等方式。

2. 本次项目由于app.js文件过大，可选择通过压缩文件来实现快速加载。打包的时候通过webpack配置生成对应的 .gz 文件，浏览器请求xx.js/css等文件时，服务器返回对应的xxx.js.gz文件；浏览器请求xx.js文件时，服务器对xx.js文件进行gzip压缩后传输给浏览器。

3. 安装压缩插件，compression-webpack-plugin，但是由于此插件默认版本为10，过高会出现报错问题，现在vue2.6版本，使用低版本的6.1

npm install compression-webpack-plugin@6.1.0 --save-dev

4. 在vue.config.js中添加gzip压缩配置

const CompressionWebpackPlugin = require('compression-webpack-plugin');
module.exports = {
  productionSourceMap: false,// 设为false，既可以减少包大小，也可以加密源码
  transpileDependencies: ['element-ui'],//指定某个库在打包的时候需要编译
  chainWebpack(config) {
    config.when(process.env.NODE_ENV === 'development',
      config =>{ config.plugin("CompressionPlugin").use(new CompressionWebpackPlugin({
        test: /\.(js|css|html)$/,// 匹配文件名
        threshold: 10240,
        })
       )}
    )
  }
}

4.