【第3295期】DOM 的层级深度影响性能

前言主要探讨了 DOM 层级深度对网站性能的影响，并通过实验验证了 DOM 深度增加会对渲染性能产生负面影响。今日前端早读课文章由 @ikoofe 翻译分享，公号：KooFE 前端团队授权。正文从这开始～～当使用 Lighthouse 来测量网站性能时，你可能会遇到 “避免 DOM 过多” 警告。它看起来像这样：Lighthouse 警告我们避免 DOM 过多，是因为 DOM 会增加内存使用量，并且可能会导致昂贵的样式计算。结合你网站上发生的其他事情，这可能会对用户体验产生影响，尤其是对于使用低端设备的用户。【第3228期】减少文件体积来优化性能，你的姿势对了吗？前几天，当我阅读网站性能报告时，这个警告引起了我的注意。但引起我重新审视的并不是 DOM 元素的总数，而是报告中的另一项指标 —— 最大 DOM 深度。当我在 Lighthouse 报告中看到这个指标时，在脑海中涌现出了 ………………………………