0

假设一个繁重的网站由大约 5000 个 dom 节点组成——但其中 20% 仅用于页面访问的有限时间。例如仅前 10 秒，然后将自动隐藏。删除这些节点将如何提高此页面在浏览器中的性能？

我知道如果页面有许多 dom 节点，则会影响网络效率和负载性能。如果元素与之交互或需要重新计算，它也会对运行时性能产生影响。我也知道潜在的内存性能影响，如果有可能需要搜索/遍历更长时间的一般查询选择器。

问题是：除此之外，实际上或理论上，删除这些 dom 节点（而不是仅仅隐藏它们）将如何提高页面的性能？

4

1 回答 1

0

这取决于具体的内容：一千个隐藏<br>元素可能不会对任何东西产生可衡量的影响，而一千个document.createTextNode("foobar".repeat(10000000))节点将占用 60 GB 内存，我想可以想出一个创造性的病态测试用例来强调其他子系统。

display: none实际上，一千个节点和缺少它们之间可能不会有明显的差异。

但是你为什么不测量呢？

于 2019-08-24T02:38:44.263 回答