我们的页面中有一些 CustomElement,其中一些具有相对于观察它们的视口的 IntersectionObserver。随着设计师似乎喜欢交叉动画,这个数字可能会增加。
这会导致性能问题吗?是拥有一个观察所有元素的 IntersectionObserver 还是多个只观察一个元素的 IntersectionObserver 更好?
我们的页面中有一些 CustomElement,其中一些具有相对于观察它们的视口的 IntersectionObserver。随着设计师似乎喜欢交叉动画,这个数字可能会增加。
这会导致性能问题吗?是拥有一个观察所有元素的 IntersectionObserver 还是多个只观察一个元素的 IntersectionObserver 更好?
如前所述,有很多因素需要考虑!
我专门为一个媒体重的网站制作了以下库。一个普通的用户会话可能设置和拆除 > 1000 个观察者。
由于一切都发生在主线程之外,因此很难观察到内存使用情况,如此处所示。然而,指标向我们展示了所有元素的一个 IntersectionObserver 为用户提供了整体改进。这个包应该比较好用!