I installed "WooThumbs - Awesome Product Imagery" plugin on my WooCommerce site to display the product gallery nicer. I found that the thumbnails generated by WooThumbs are loading slow or sometime I need to refresh the page to have them loaded.
I first thought it was the thumbnails/product image gallery size are too large. But it is about 150kb per image which I think is good ?
This is the link to a single product of my site. Can anyone give me some ideas to improve this ?
Below is the picture which shows it is in loading state:
Thanks a lot,
CK
Related
I was using WP Rocket for speeding my wordpress store and I don't know sometimes why the pictures at product description page shows like the image that I have added and sometimes it shows as expected like small images.
I tried to change settings but yeah still not make any different. Can somebody help me with this matter?
I have a store website with a Woodmart theme. Which is in the field of selling decoration products. Each website product may have at least 10 to 20 images in the image gallery. Although I use lazy loading, the product pages of the site are slow due to the image gallery. The speed of all sections of the site is excellent, only the product pages are not displayed correctly due to the image gallery. Thanks to all the friends for their help if you have a similar experience.
I hope this community can help. I see there is a lot of information on Woocommerce blurry product images and I've tried the fixes to no avail. We recently migrated our site and although all the products in our shop are fine, each time we try to upload and create a new product, the main product image is blurry.
Here's two examples. (1) Good product listing
And (2) here's the test with problems
Using Onetone wordpress theme and have the current installs of Wordpress and Woocommerce. Changing the thumbnail size and regenerating did not solve the problem. Neither did changing the image size from 100% declaration to 'auto' in Woocommerce.
The problem seems to be wordpress is using a much smaller thumbnail (we did not change any sizes after migration) and this is causing the blur because the images are being blown up. Here's the code I found for the image:
The image 'source' for this in particular is:
src="http://liquescencemedia.com/wordpress/wp-content/uploads/2016/08/Liquescence-Time-Travel-Mens-Ash-Grey-1-275x275.jpg
And as you can see, somehow this size is being used for the product image although we've uploaded a much larger size (1000x1000).
On the image details attachment page everything is fine, the resolution is high.
So I'm quite frustrated with this. Why is it calling a 275x275 from uploads when I've uploaded an image 1000x1000? How can I change this?
Any help is appreciated. Do know that I've already been through the Woocommerce literature and it doesn't address this problem.
Up to date wordpress, woocommerce and fancybox
When scrolling through product images using easy fancybox from the product details page, fancybox is apparently attempting to load extra content from somewhere.
What I mean is, if I have a product with a total of two images, fancybox displays those images just fine, but then tries to load a third image or some kind of link or content and returns "the requested content cannot be loaded, please try again later". I can continue scrolling through this, but obviously, it is annoying.
Printful (a t-shirt dropshipper) is integrated with my woocommerce install. They recently rolled out a new tool that imports a product from the printful website into woocommerce. The import includes product info, description and an image, which I delete and replace with my own images. I believe the issue has something to do with this import tool. I have contacted printful but they are scratching their heads, so I am trying here.
I have tried deleting caches and playing with all the fancybox settings, different browsers.. I have spent an hour digging through forums. I am stumped.
I will post a link if requested, but i've had links to this particular website removed from stackoverflow by moderators (or someone).
Thanks so much for your help!
RESOLVED (not at all)
I deactivated the printful integration plug in and the ghost images have disappeared. This solves the immediate problem, but creates another one in its place.
I've got a blog that has the highest-resolution version of all its images embedded in the posts, rather than a thumbnail linking off to an image attachment page.
Can you tell me how I can re-process all embedded images so they're output as reduced size thumbnails that link off to their own attachment page (which is WordPress default settings)?
Am I right in thinking I can involve the Regenerate Thumbnails plugin in this?
That was just about what I would suggest, it works wonders, but it will take longer depending on the amount of photos.
Another thing you can do is run the images through an optimizer before posting to speed up load times.
I don't know about this plugin but there is a plugin called auto post thunbnail for wordpress. I have used it and it works great. You just press the generate button and wait till it generates thumbnails for all of your posts, if they have an image in them.