How to use fetchpriority="high" in a <picture> element?
fetchpriority is often used to optimize images that are the LCP (a core web vitals metric) on pages.
It can be used on <img>, <script> and other tags, but I don't think it works for the picture HTML tag.
If I'm using the picture tag in order to have one image for each viewport, how can I optimize the image that is loaded using fetchpriority?
Any help is appreciated.
HTMLImageElement: fetchPriority property - Web APIs | MDN
The fetchPriority property of the
HTMLImageElement interface represents a hint given to the browser on how
it should prioritize the fetch of the image relative to other images.
0 Replies