<img> - 加载='lazy' 与 Intersection Observer？

Question

我正在构建一个 React 应用程序，它的图像非常重，全部来自 API 调用。我已经完成了loading='lazy'所有这些，但这让我想知道是否可以做更多的事情？我知道您可以使用交叉观察器获得类似的结果，并且仅在视图中渲染它们。

我的问题是更好/实施交叉观察员是否有任何进一步的好处，还是会浪费时间，因为loading='lazy'已经足够了？

谢谢！

Answer 1

他们做同样的事情，如果你想在图像进入视口时加载图像，Intersection Observer给予更多的控制，例如，你可能想在图像位于视口底部时加载图像，比方说100px，或者你可能想要除了加载之外，还可以对图像执行其他操作。