我们在页面中有一些CustomElement,其中一些具有相对于观察它们的视口的IntersectionObserver。随着设计师似乎喜欢交叉动画,该数字可能会增加。
会导致性能问题吗?有一个观察所有元素的IntersectionObserver还是只观察一个元素的许多IntersectionObserver更好?
如前所述,有很多因素要考虑!
我专门为媒体密集型网站制作了以下库。正常的用户会话可能会设置并拆除> 1000个观察者。
由于一切都发生在主线程之外,因此很难观察到内存的使用情况,如图here所示。但是,度量标准向我们显示了一个针对所有元素的IntersectionObserver,为用户带来了总体改善。该软件包应该相对易于使用!