Unknown image size in single products

Hello,

When i do a pagespeed test on this page: https://www.arctic-fritid.no/produkt/videreforedling/kaldroyking/hobbyroykeriet-normann/ or any other single product i get lots of warnings for wrong image size, 1024×808 is the loaded size of all images, but i can not find these images when checking the code in console.

Any idea?

Single products is the only culprit i have left to optimize now but it has some wierd warnings now and then.

Brgds
Rune

Hello,

This image is generated by WordPress in srcset attribute for your product images https://prnt.sc/124n9k5

Kind Regards

Hello,

Hmm, cant find that size in any settings. Do you know any way to fix this and/or any plugin etc that can be used to clean up in ie. unuset image sizes that has been generated over the years?

These gallery images adds almost 1.5 sec to loading time.

Brgds
Rune

By disabling srcset attribute you may break some responsive image presentation. It is a core WordPress functionality. You can try to use the following plugin to do this https://wordpress.org/plugins/disable-responsive-images-complete/

I did a test and just renamed the images loaded in pagespeed and that did the trick, the pagespeed warning dissapeared and i earned 8-10 in score. After googling the problem a few hours i set all wordpress media setting to 0 and used force regenerate thumbnails to regenerate all images again. This deleted around 18,000 images.

Tested almost entire site now on desktop and mobile and all seems to work nicely, the problem product went from 41/94 to 56/94 at pagespeed.

So now i just hope that you will make gallery images compatible with Imagify webp images 😉

Brgds
Rune

We would be happy to implement this. But currently, it is not possible in WooCommerce at all. Even with the default theme, WooCommerce doesn’t work with webp images on the product page.

Kind Regards

Well, nothing is impossible. Check out this product, all images is now .webp
https://www.arctic-fritid.no/produkt/videreforedling/kaldroyking/hobbyroykeriet-normann/

Just added a few filter and a little update to product-image.php

Still testing but seems to work very well, also with pagespeed.

Brgds
Rune

We don’t see the picture HTML tag there. It might be an issue with different browsers. Test in iOS Safari for example.

[Author]

Posts