初探富文本之基于虚拟滚动的大型文档性能优化方案

前段时间用户向我们反馈了一个问题，其产品有比较多的大型文档在我们的文档编辑器上进行编辑，但是因为其文档内容过长且有大量表格，导致在整个编辑的过程中卡顿感比较明显，而且在消费侧展示的时候需要渲染比较长的时间，用户体验不是很好。于是我找了一篇比较大的文档测试了一下，由于这篇文档实在是过大，首屏的
LCP达到了
6896ms，即使在各类资源有缓存的情况下
FCP也需要
4777ms，单独拎出来首屏的编辑器渲染时间都有
2505ms，整个应用的
TTI更是达到了
13343ms，在模拟极限快速输入的情况下
FPS仅仅能够保持在
5+，
DOM数量也达到了
24k+，所以这个问题还是比较严重的，于是开始了漫长的调研与优化之路。