Ser*_* Tx 10 javascript performance intersection-observer
我们的页面中有一些 CustomElements,其中一些有一个 IntersectionObserver 相对于观察它们的视口。随着设计师似乎喜欢交叉动画,这个数字可能会增加。
这会导致性能问题吗?有一个观察所有元素的 IntersectionObserver 还是多个只观察一个元素的 IntersectionObserver 更好?
正如已经说过的,有很多因素需要考虑!
我专门为媒体密集型网站制作了以下库。正常的用户会话可能会设置和拆除超过 1000 个观察者。
由于一切都发生在主线程之外,因此很难观察内存使用情况,如此处所示。然而,指标向我们展示了所有元素的一个 IntersectionObserver 为用户带来了整体改进。这个包应该比较好用!
https://github.com/snewcomer/intersection-observer-admin