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