• 文库
  • 字符
  • 转换
  • 加密
  • 网络
  • 更多
    图表
    数学
    坐标
    图片
    文件
  • 文库
    字符
    转换
    加密
    网络
    更多
    图表
    数学
    坐标
    图片
    文件
logo 在线工具大全

DOM 的层级深度影响性能

出处: mp.weixin.qq.com 作者: ikoofe

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

查看原文 46 技术 lddgo 分享于 2024-06-24