Blurry Product Images before a page refresh

Hello,

I’m reaching out today with a perplexing issue that has been plaguing my WooCommerce website, and despite my best efforts, I’m still struggling to find a solution. I’m hoping that your wisdom might shed some light on this frustrating problem.

The Bug/Issue:

On the main product page of my WooCommerce site, I’ve noticed a strange bug or error involving the main product images on single product pages. Specifically, the second image (and occasionally the first) appears blurry when the page initially loads. However, upon refreshing the page, the images immediately become clear and crisp as they should be.

Troubleshooting Steps Taken So Far:

• I’ve thoroughly tested this issue on the Twenty Twenty-Three WordPress theme to rule out any potential theme conflicts.
• I’ve disabled all plugins except for WooCommerce to ensure no plugin interference.
• Cloudflare has been temporarily disabled to eliminate any CDN-related issues.
• Multiple browsers and devices have been used for testing to ensure the issue is not browser-specific.
• I’ve collaborated with my hosting provider (Cloudway) to troubleshoot and we’ve disabled all server caching mechanisms without success.
• I’ve confirmed that the images display correctly on a different website, leading me to believe this issue is site-specific.

Similar Error Reported:

In my quest for a solution, I stumbled upon a thread on the WordPress support forum (link: WordPress Support Thread) that seems to describe a problem similar to the one I’m facing. Unfortunately, the thread doesn’t provide a clear resolution.

Given the persistence of this issue and the countless hours I’ve spent searching for a solution, I’m kindly reaching out for help. I can provide access to a staging version of my site to take a closer look!

Thank you in advance for your time and assistance!

• This topic was modified 1 minute ago by orion1212.