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 правильно используется здесь, и какие другие стратегии я могу использовать, чтобы избежать этой проблемы

0 ответов

Другие вопросы по тегам