图像延迟加载并替换为占位符

Question

我从 React/Redux 中的 reddit API 获取了一些图像，我考虑通过将它们的loading属性设置为lazy.

但我会在 DevTools 中收到此消息：

[干预] 图像延迟加载并用占位符替换。加载事件被推迟。请参阅 https://go.microsoft.com/fwlink/?linkid=2048113

我在网上找不到任何相关信息，所以我想在 Stackoverflow 上询问该消息的含义。

Answer 1

我通过将加载属性设置为“eager”而不是“lazy”来消除警告。它的行为有点不同，但您仍然可以获得性能优势