- This topic has 5 replies, 2 voices, and was last updated 5 months, 1 week ago by David.
August 13, 2020 at 10:07 pm #1401969Joel
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.August 14, 2020 at 3:22 am #1402296DavidStaffCustomer Support
the CLS metric is currently being provided for information only.
It won’t be until later this year or into 2021 when Google include it within their ranking algorithm. So don’t worry about it affecting your rank today.
Simple fix – use a better lazy-loader.
You can even do away with a plugin as WordPress 5.5 now adds the
loading=lazyattribute to images. This is browser based lazy loader supported in Chrome, Edge and Firefox ( Safari to come ).August 14, 2020 at 6:22 pm #1403432Joel
Hi, does that lazy loading feature with WordPress 5.5 fix the issue of CLS though? Otherwise changing would be pointless. I understand that CLS and CWV aren’t going to be implemented fully until 2021, but I’d still like to improve the user experience now and stop the sloppy loading of images.
Is there nothing that can be done to resolve this issue?August 15, 2020 at 3:24 am #1403747DavidStaffCustomer Support
All of my testing with the WP 5.5 lazy loading has worked correctly without any CLS issues.
If you want to apply it yourself then use a different plugin – i find SG Optimizer has its faults and we recommend using Autoptimize instead which includes lazy loading that performs better.August 15, 2020 at 6:43 pm #1404499Joel
Hi, thanks. I’ll give it a try and see if it’s any better.August 15, 2020 at 7:15 pm #1404516
- You must be logged in to reply to this topic.