Site logo

Archived topic

WooCommerce Product Grid Issue While Page Loading on Mobile

2 replies · Started by Franky on June 9, 2021

Viewing posts 1–3 of 3

Hello GP Team,

I'm using a GP theme with GP Premium on my website, and I set the product grid to 2 column on mobile, but when the page is loading, it shows 4 columns grid instead, and displays 2 columns grid correctly only after the page is fully loaded. It looks pretty bad for users who visit my website especially when you have a lot of products to load, visitors will see this messy column/grid for quite a while. This issue only appears when I activate the GP Premium plugin.

I disabled the cache plugin and most of the other plugins but the issue is still exists.

I attached screenshots via link for you to check. Thank you.

I'm trying to activate/deactivate plugins, and I seem to have found that the WooCommerce Product Tables (WCPT PRO) + GP Premium plugin is causing the issue I mentioned earlier, even though I'm not adding or using the Product Tables on the web page.

Also when I activated plugin WhatsApp Chat (https://ninjateam.org/whatsapp-chat-wordpress/) + GP Premium plugin, and don't create/activate the chat widget, I will get the same issue I mentioned earlier.

But if I deactivated the GP premium plugin, the issue is not there, even though I activated both WooCommerce Product Tables (WCPT PRO) and WhatsApp Chat (https://ninjateam.org/whatsapp-chat-wordpress/) plugins.

Can you tell me from a technical point of view, what might be causing this issue?

Hi Franky,

Can you tell me from a technical point of view, what might be causing this issue?

From the looks of it, it seems like an optimization issue because the site looks ok when it fully loads. The shift you see is basically the assets that style them loading a bit too late than it should've.

I suggest checking it's Google PSI performance result - https://share.getcloudapp.com/6qur5Aqx

If you're able to address all of these, I'm pretty sure you'll see huge improvements. :)

Note: PSI results have recommendations on how to take each flagged issue. We highly recommend reading it. :)

This archived topic is closed to new replies.