I’m looking into lowering the Largest Contentful Paint (LCP). According to Page Speed Insights, my LCP on mobile is too high but within range on desktop. The only thing that LCP is listing as an element is the thumbnail on the product page.
According to Optimize Largest Contentful Paint | Articles | web.dev, it suggests adding the attribute fetchpriority=“high”.
It’s a good idea to set
fetchpriority="high"on an<img>element if you think it’s likely to be your page’s LCP element—but limit this to just one or two images (based on common desktop and mobile viewport sizes), otherwise the signal becomes meaningless.
Anyone have any thoughts on this or where to add it to at least test?