React и srcSet: время загрузки изображений
Я работаю с 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
, изображения нужно некоторое время для загрузки. Я просто создал песочницу, чтобы продемонстрировать это. Вы заметите только задержку при первой загрузке; после этого изображения кэшируются, поэтому необходимо будет удалить кэш, чтобы оценить его снова: https://codesandbox.io/s/x21y88q39o
Я хотел бы знать, если srcset
правильно используется здесь, и какие другие стратегии я могу использовать, чтобы избежать этой проблемы