腾讯文档的渲染优化<2021Tweb>

技术 · 2023-06-09
腾讯文档的渲染优化<2021Tweb>

共享文档来源 于2021年 tweb 大会宣传资料

1、渲染管道优化

以表格为例,对layout布局,paint 优化。
尽量避免几何属性修改导致全局layout的修改.
paint only 修改减少repaint.

2、DOM 复用

dom 复用减少渲染的dom节点数量

3、升级 canvas 渲染

解决复杂页面和页面滚动后,由于layout与 recalulate style 开销增长过大问题。
2023-06-09T02:32:32.png

4、解决canvas 的性能问题

a) 减少渲染时触发GC。优化gc的逻辑
b) Canvas API 调用的优化 strokeStyle、fillStyle
c) canvas 渲染复用,

后面几页都是凑得内容

[肖骏_腾讯文档渲染优化之路.pdf] https://docs.qq.com/pdf/DYk1QV1djbENGWnZw?

本文作者:首乌

本文链接:https://www.wesee.club/archives/34/

版权声明:自由转载-非商用-非衍生-保持署名(cc 创意共享 3.0 许可证

鹅厂 腾讯文档
Theme Jasmine by Kent Liao

粤ICP备2023052298号-1