在微前端开发中，当子应用加载缓慢时候，改如何优化？

Question

当微前端内加载子应用时候打开很慢，导致有时候加载不出来，或者用户等不了那么久，怎么解决这种问题？这里我有几种解决办法。

Answer 1

这里以无界微前端为例讲解一下：

1. 如果不要求实现tab页签保留之前页面状态和各种选项的情况下，优先考虑保活模式

2. 每次页面打开都要求刷新路由跳转不同页面，则需要改变子应用的打包情况。

   1. 最简单的就是给服务器的Nginx添加gzip压缩，能极大提高子应用加载速度
   2. 子应用（入口js，既）main.js内把引入的全局组件或者ui库等等都做按需加载，减少入口文件体积
   3. 子应用打包把压缩后的js再次进行前端的gzip打包，实现服务端直接使用gz包速度更快
   4. 采用cdn或者dll打包形式，把不常用的包都分离出去，打包一次永久使用缓存。
   5. 主应用加载过的包可以共享给子应用使用的可以直接资源共享，减少子应用资源依赖（子应用就无法单独启动了）

实现以上其中3点则就能让应用加载速度提升70%