Images all over my website started disappearing about a week ago. I tested turning on and off plugins and emptying caches and narrowed down that Cloudflare has at least some influence: after a full cache purge the images reappeared. But a few days later, they disappeared again…
Rocketloader is disabled in Cloudflare settings. I use a number of tools: auto optimize, wp supercache, redis, gzip compression, cpanel php settings opcache and gmagick. I haven’t made any changes to the settings, the plugins did have some updates I guess.
I have read some threads about redirection of images to the home page. I lack the skills to test if that’s happening…
Yes it does, I will follow that topic. Your answer there I will check as soon as images start disappearing again, as I just purged cache to at least get them back
That looks like you’re using WebP, which Safari doesn’t support.
You probably have some optimization plugin that converts images to .webp, but retains the .png extension, as is the norm for the situation. However, Cloudflare will cache the webp image with the .png extension, and when a Safari visitors hits your site, they get the webp cached version of the .png and can’t display it.
I am using Ewww image optimizer plugin and you reminded me I did recently enable WebP image serving. I will disable it to see if the issue is now solved. The plugin does give a notice about possible browser incompatibility and suggests to put this in the htaccess file:
