plugins - Product Page loads terribly slow when product gallery images are added

I have a WordPress + WooCommerce store setup and it works flawless. I recently added 3 new products and each of these products have around 10 images. I added these images in product gallery. But now the product page loads really slow. When I click on the product, it takes around 30+ seconds to load the product page.

The page does not even start loading until 30+ seconds have passed and then all of a sudden the page loads up in a second. It feels as if the server is not even responding. I tested this by removing the images from the product, and it starts to load fine, just like all other products.

Does the size of the images matter? If yes, why does not the page starts to load and then asynchronously load the images?

All the other products on the website work just fine. Any help or pointers are highly appreciated.

Thanks in advance.

I have a WordPress + WooCommerce store setup and it works flawless. I recently added 3 new products and each of these products have around 10 images. I added these images in product gallery. But now the product page loads really slow. When I click on the product, it takes around 30+ seconds to load the product page.

The page does not even start loading until 30+ seconds have passed and then all of a sudden the page loads up in a second. It feels as if the server is not even responding. I tested this by removing the images from the product, and it starts to load fine, just like all other products.

Does the size of the images matter? If yes, why does not the page starts to load and then asynchronously load the images?

All the other products on the website work just fine. Any help or pointers are highly appreciated.

Thanks in advance.

• plugins
• woocommerce-offtopic
• images

Share Improve this question asked May 25, 2020 at 0:27 Samarth AgarwalSamarth Agarwal 10322 silver badges88 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You should optimize all images. There are many ways to do that: externally, before you upload the image; or internally after the upload.

There are several plugins that will help afterwards, and several 'before' processing steps you can take. I use a plugin called "WP Smush"; there are others.

In general, the smaller the image file size, the faster it will load.