我正在与React合作。我有一个包含一些图像的网格,在React中有srcset
-srcSet
。每个图像看起来像这样:
<img
class="App-gridImage"
src="https://picsum.photos/1200?image=5" sizes="600px"
srcSet="
https://picsum.photos/200?image=5 200w,
https://picsum.photos/400?image=5 400w,
https://picsum.photos/1200?image=5 1200w,
https://picsum.photos/2400?image=5 2400w,
"
/>
即使使用srcSet
,加载图像也需要一些时间。我刚刚创建了一个沙箱来演示它。您只会注意到第一次加载的延迟;之后,图像将被缓存,因此有必要删除caché以便再次欣赏它:https://codesandbox.io/s/x21y88q39o
我想知道srcset
在这里是否正确使用,以及我可以使用什么其他策略来避免该问题