Archived topic
Generate Press - Woocommerce Pages CLS
5 replies · Started by Stephen on March 9, 2022
Hi, according to google page insights I do get some layout shift on woocommerce Category & Product Pages.
Seems like layout shift with woocommerce is a problem maybe coming from how woocommerce provides image sizes
Any ways to resolve it?
0.268 layout shift:
https://pagespeed.web.dev/report?url=http%3A%2F%2Fstephenlavender.site%2Fshop%2F
0.173 layout shift
https://pagespeed.web.dev/report?url=http%3A%2F%2Fstephenlavender.site%2Fproduct-page%2Fhair-clipper-blade-sharpening%2F
And thats for mobile phone screen size
Hi there,
I feel like this wouldn't be GP issue.
Can you try disabling all plugins except GP Premium and WooCommerce to test?
Does the issue exist in a Twenty series WP default theme environment?
Hi, yes I was not thinking the problem derives from GeneratePress and yes this does happen in twenty twentytwo and other themes.
From what I previously read its to do with the image sizes woocommerce supplies so the placeholders aren't correct and the page shifts a bit.
However if anyone has a fix for it it would be you guys !
Thanks
Stephen
We wouldn't have a fix for something coming from WooCommerce directly unfortunately.
I would recommend checking with their support team to see if they know the issue and can provide a fix :)
however according to google page speed insights since I have swapped from WP astra to Generate press my woocommerce layout shift has reduced from 0.3 to 0.03 so its an improvement from astra and in page speed insights I get green writing now instead of red !
Thanks
Stephen
