DOM 的层级深度影响性能
出处:
mp.weixin.qq.com
作者:
ikoofe
Lighthouse 警告我们避免 DOM 过多,是因为 DOM 会增加内存使用量,并且可能会导致昂贵的样式计算。结合你网站上发生的其他事情,这可能会对用户体验产生影响,尤其是对于使用低端设备的用户。 前几天,当我阅读网站性能报告时,这个警告引起了我的注意。但引起我重新审视的并不是 DOM 元素的总数,而是报告中的另一项指标 —— 最大 DOM 深度。当我在 Lighthouse 报告中看到这个指标时,在脑海中涌现出了一个问题: DOM 深度如何影响渲染性能呢? 当我们使用像 DOM 这样的树状数据结构时,其深度与诸如查找等操作的执行速度有很大关系。