I’m out of Ideas…
When running a Joomla website behind CF and the CF-cache is not enabled everything runs fine.
However when I turn on CF-cache (‘HIT’ in response headers), the page layout gets messed up after a random amount of time, like the css file is not getting received or parsed. This happens somewhere after 2-12 hours after exiting developer mode in CF, with all types of browsers.
sitename/ Cache Level: Cache Everything, Edge Cache TTL: 2 hours
sitename/site/ Cache Level: Cache Everything, Edge Cache TTL: 2 hours
CF cache settings:
Standard, Browser cache TTL: Respect existing headers
Rocket loader disabled, Minifying disabled.
When the layout is messed up I see no signs of files blocked and/or parse errors in the browser debug tools.
Things I tried:
Reading about all the CF help files regarding CF & Joomla and trying out all tips.
Changing the CF caching and speeds settings,
Always use https on/off, automatic https rewrites on/off, etc.
Changing Joomla settings (caching on/of, minifying JS/CSS/HTML on/off, rewrite http to https on/off etc)
Installing Joomla Cloudflare plugin and enabling it
After every single change, switching on developer mode, purging CF and browser-cache and trying again, (been at this for weeks now). I tried more then a hundred combinations in the CF-settings.
Basically if the response header returns BYPASS or DYNAMIC there is no problem. If it returns HIT the layout gets messed up somewhere randomly after 2-12 hours.
I have other Joomla sites behind CF with the same CF-cache/speed settings working without a problem. The small site with the problem has about 10 simple ‘static’ pages, Running Google ads, some text and a few pictures and uses the standard Joomla Template.