首页加载优化，前端需要考虑的点：
- 路由懒加载；
开发环境使用如下路由加载方式，避免热更新问题
module.exports = (file: string) => require(@/views/${file}.vue).default
生产环境使用ES6 的 import() 或者webpack 的 require.ensure() 来实现路由按需加载
module.exports = (file: string) => () => import(@/views/${file}.vue) - 服务器端是否开启Gzap压缩；
- 图片大小优化（后端生成缩率图）;
- SVG 大小检查；
- webpack 分包策略
Webapck4 版本之前使用CommonsChunkPlugin
webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 optimization.splitChunks。如果你的 mode 是 production，那
么 webpack4 就会自动开启 Code Splitting。
分包策略主要是针对引用的加大的一些js库，实行分包加载，从而减小app.xxxx.js和vendor.js的体积
- 使用cdn引入第三方库
使用 cdn 也是避免 app.xxxx.js和vendor.js的体积过大
