一个观察者观察一个元素或每个元素观察一个观察者

问题描述 投票:1回答:1

我们在页面中有一些CustomElement,其中一些具有相对于观察它们的视口的IntersectionObserver。随着设计师似乎喜欢交叉动画,该数字可能会增加。

会导致性能问题吗?有一个观察所有元素的IntersectionObserver还是只观察一个元素的许多IntersectionObserver更好?

javascript performance intersection-observer
1个回答
0
投票

如前所述,有很多因素要考虑!

我专门为媒体密集型网站制作了以下库。正常的用户会话可能会设置并拆除> 1000个观察者。

由于一切都发生在主线程之外,因此很难观察到内存的使用情况,如图here所示。但是,度量标准向我们显示了一个针对所有元素的IntersectionObserver,为用户带来了总体改善。该软件包应该相对易于使用!

https://github.com/snewcomer/intersection-observer-admin

© www.soinside.com 2019 - 2024. All rights reserved.