Chrome DevTool Timeline View中的渲染和绘画事件有什么区别

2024-04-17

我觉得render and paint只是两者都意味着渲染页面、显示 DOM

有什么区别?


渲染事件是关于计算与每个 DOM 节点关联的样式(即“样式重新计算”)和页面上的元素位置(“布局”)。绘制类别是关于实际绘制像素的,包括“绘制”本身和“解码图像”/“调整图像大小”等事件。简而言之,这是关于内部结构与外观的问题 - 如果您的页面花费大量时间进行渲染,这是因为其 DOM 和 CSS 的结构(例如大型 DOM 树),而大量的绘制时间通常意味着外观页面的内容会影响性能(例如,某些样式的绘制成本很高或图像太大)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Chrome DevTool Timeline View中的渲染和绘画事件有什么区别 的相关文章

随机推荐