React和srcSet:图片加载时间

时间:2018-11-26 16:12:44

标签: reactjs srcset

我正在与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在这里是否正确使用,以及我可以使用什么其他策略来避免该问题

0 个答案:

没有答案