加载性能优化

[dream2023]

背景

如图所示，稍微大一点的子应用，其加载的过程就会很长，这段时间，页面会假死，操作无响应。

期望的效果

能够借鉴 React 的理念，将大任务分割成一个一个的小任务进行执行，解决整体初始化时卡顿的问题

[bailicangdu]

看你的截图，应该是样式隔离的代码，你的css有多大？

[bailicangdu]

思路很好，对于子应用的css和js的处理，确实可以拆分成小单元执行

[dream2023]

看你的截图，应该是样式隔离的代码，你的css有多大？

我们这有 30 几个子应用，有 JS 执行时间较长的也有 CSS 执行时间较长的

[dream2023]

思路很好，对于子应用的css和js的处理，确实可以拆分成小单元执行

简单写了一下代码，首先将 一次性执行所有 JS 链接改为分开分开执行，然后再将 bindScope 和 runCode2InlineScript / runCode2Function 分开。

效果整体还行，但是由于单个 JS 本身执行时间长，导致还是会有卡顿的问题，确实没发解决。