一个路口观察者可观察多个元素,或每个路口观察者一个

时间:2019-04-26 12:38:51

标签: javascript performance intersection-observer

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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

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