Hi,
https://www.hatsfromoz.com.au/sculptured-fuchsia-lime-racing-fascinator-by-fillies-collection/
I am getting terrible LCP and trying to fix it. When investigating, I can see that main image loads up 3 times (actually any product image does). Each load is for a different image size and each load takes 1-2s (throttling connection to “slow 4G” as per Litespeed tests).
In addition, only one of the images is pre-loaded. images do have “fetchpriority=high” on them, but this is only complementing the preload. Really, they should be used together. preload allows for resource to be loaded early, while fetch priority allows it to be prioritised over other elements.
Is there anything can be done to improve the LCP and only load images that are required? (I am aware of some JS delays and working on it too).
Is there a way to disable re-sizing of the images while keeping the rest (CDN, lazyload, format upgrade)?