Hi Guys,
I wondered if you could help me with this issue. It seems the theme is scaling images via html/css instead of just serving the correctly sized thumbnail image.
This slows down the website and gives it a “F” grade on the “Serve Scaled Images” recommendation.
Another post about this is at: https://theme-fusion.com/forums/topic/serving-scaled-images-in-woocommerce/ it’s the same issue.
When I ran a test on gtmetrix, I get an “F” on serving scaled images. I use Avada’s default 600X538 product image size, but the CSS shrinks it to 250X215 giving me the poor page load.
Example:
wp-content/uploads/2014/01/test.png is resized in HTML or CSS from 500×638 to 215×275. Serving a scaled image could save 199.0KiB (81% reduction).
Naturally I WANT the product image to be full size on the product listing page but smaller on the home/shop page when using the recent or other product shortcodes.
Basel is an eCommerce theme so is very JPG heavy, I really think we should be serving the correct sized images – on the site I’m working on we could save nearly 500KB this way which would drastically speed up the website.
It seems that IF the correct thumbnail sizes are actually there, the theme’s functions could be modified to include some code to force WooCommerce to use the thumbnail sizes instead of scaling down the larger sized images.
Let me know what you think.
Jay
.
