Woocommerce product gallery thumbnails on load are in the screen


I have enabled woocommerce gallery product images and each time I click to go to a single product page, for a split second the gallery images are very big on the screen, see: http://prntscr.com/n452n1.

When it’s done loading it goes back to normal: http://prntscr.com/n452xh.

How can this be fixed? Site url is: https://fleaf.nl/shop/t-shirts/zinin-premium-t-shirt-wit/.

Thanks in advance!



Hi Alan,

Try to do some optimization and start with images, since png’s with transparency are larger and are heavier to load. This is demo site speed test https://gtmetrix.com/reports/demo.athemes.com/7jn7faS5 and this is yours https://gtmetrix.com/reports/fleaf.nl/KZpDjJYj

From waterfall tab you can see loading times, and images above 1MB are too large https://www.screencast.com/t/aKkaOvnEUkv

Really don’t know if your hosting provider can help you with this but from your side you can optimize images and install some caching plugin in order to combine scripts and enable browser caching. You can try one of these:

Best Regards!