Hello,
I’m trying to improve my CLS scores for Google’s PSI and one of the major issues I have is my images placeholders seem to be a different size to the actual images that are loaded. This causes the space reserved for the image to jump as it loads (lazy loads using Siteground Optimizer).
With images needing to be responsive for mobile / desktop, I’m not sure if I can add some CSS to make the image placeholders (or whatever it is that dictates the amount of space reserved for the image as it lazy loads) match the size that the image should come out as when it loads on mobile / desktop.
I’ve tried looking around through this support and within Sitegorund’s site, but can’t see anything that would resolve this problem. Any ideas?
Please note, I’ve turned off my featured images to avoid the issue but this is not an ideal solution.