I’m working on WebP support in my React app but I found that everytime component is rendered, Firefox downloads webp format and fallback png image too. It makes two requests. I have not that problem in Chrome, only in Firefox.
I’m rendering something like
<picture> <source srcSet=”image.png.webp” type=”image/webp” /> <source srcSet=”image.png” /> <img src=”image.png” class=”sc-gzVnrw aYwtM” /> </picture>
In devtools I can see that initiator of request for webp format is imageset and initiator for fallback png image is react-dom.development.js
What is going on here?