Mageno 2.2.6 After Changing Images on Products Magento adds .pagespeed.ic.ch0ifsY9Ms.webp to Image url and Image does not load

Question

As the title says I have been having problems with swatch images not appearing on the front end on the widget on my homepage or on the catalog page. Images do however appear for those very same products on their product pages. And it does not occur on every product.

It seems to occur after I have updated an image for an existing product and not for new products.

I have manually cleaned the generated files, cleaned the cache, reindexed eveything, redeployed static content, and resized images all with no luck.

The main difference between the images that are appearing and those that are not is that the .pagespeed.ic.j4HRSrc9zE.webp is added to the images that are not appearing. I am not sure where this is being added and if there is a way to disable or modify a file somewhere to stop this since its breaking the links.

https://www.apollodesignmade.com/

Edit: I also noticed that it is adding an 'x' before the file name as well for example

cel-24x18-0001-graduation-1.jpg

turns into

xcel-24x18-0001-graduation-1.jpg.pagespeed.ic.ch0ifsY9Ms.webp

I found this issue on github https://github.com/magento/magento2/issues/19710 but my issue seems different since the caching hash is correct, only the file name is prepended and appended and nothing else.

Answer 1

I contacted my hosting provider and it was the pagespeed plugin for Apache that was appending the code. Once that was disabled everything works great.

Hope this helps someone else.

Answer 2

After debugging possibly everything I could, reading almost all posts concerning this issue and trying maybe all possible solutions to this issue, I added the following code in .htaccess file so that I disable mod_pagespeed apache module and everything worked again like a charm!

<IfModule pagespeed_module>
ModPagespeed off
</IfModule>

Hope this helps you.