CSS issue on cached pages

Resolved anthonybarro
(@anthonybarro)

5 years, 10 months ago

I’m having this weird periodical issue with CSS on the front end.

Checking a cache enabled cached pages with NOT being logged in, sometimes removes any CSS. It’s like it doesn’t load/exist.

Cache clearing reloading doesn’t do anything.

What gives? How do I fix this?

Viewing 9 replies - 1 through 9 (of 9 total)

Anonymous User 16850768
(@anonymized-16850768)

5 years, 10 months ago

Can you please provide a direct URL to a page where I can replicate this issue? Furthermore, please provide a screenshot of your current Cache Enabler settings.
Thread Starter anthonybarro
(@anthonybarro)

5 years, 10 months ago
@coreyk Thanks for responding. Page at
https://sundlogik.dk

Settings: https://i.imgur.com/WIf58D8.png
- This reply was modified 5 years, 10 months ago by anthonybarro.
Anonymous User 16850768
(@anonymized-16850768)

5 years, 10 months ago

I’ve been unable to replicate the issue you’ve described over the last several days. If this occurs again can you please temporarily deactivate the Cache Enabler plugin to ensure the cause of this issue is related to the Cache Enabler plugin?

Thread Starter anthonybarro
(@anthonybarro)

5 years, 10 months ago

Hey Corey

Thanks for investigating.

I’ve done what you suggested on and off over the last couple of weeks, and fact of the matter is, it only happens when Cache Enabler is running. I’ve had it happen in both Firefox for desktop and Chrome on mobile.

I’ve only seen it on the front page. Clicking on an internal page renders the page normally. Going back to the front page, all CSS is still off.

I thought it might have to do with minifying HTML, so I deactivated that. Still happens.

What it looks like: https://i.imgur.com/mTqbl69.png

FWIW this user on SO seems to have had the same issue: https://stackoverflow.com/questions/56298591/autoptimize-cache-enabler-randomly-single-pages-dont-load-stylesheet

Optimizing Matters
(@optimizingmatters)

5 years, 10 months ago

If you’re also on Autoptimize; try ticking the new “404 fallback” option, it should protect against missing files 🙂

Thread Starter anthonybarro
(@anthonybarro)

5 years, 10 months ago

I’m not, but thanks.
Anonymous User 16850768
(@anonymized-16850768)

5 years, 10 months ago
Thank you for your suggestion, @optimizingmatters. Your assistance is always appreciated.

I’ve been able to replicate this issue. This is occurring because of mixed content errors: https://i.imgur.com/MCyQ3C6.png

This is appears to be occurring due to your website being accessible over HTTP and HTTPS:
```
curl -s -D - -o /dev/null -H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36' http://sundlogik.dk
HTTP/1.1 200 OK
Date: Tue, 26 May 2020 15:39:04 GMT
Server: Apache
x-cache-handler: wp
Upgrade: h2
Connection: Upgrade
Last-Modified: Tue, 26 May 2020 08:26:12 GMT
Accept-Ranges: none
Vary: Accept-Encoding
Transfer-Encoding: chunked
Content-Type: text/html
```
```
curl -s -D - -o /dev/null -H 'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36' https://sundlogik.dk
HTTP/2 200
date: Tue, 26 May 2020 15:40:27 GMT
server: Apache
x-cache-handler: wp
last-modified: Tue, 26 May 2020 08:26:12 GMT
accept-ranges: none
vary: Accept-Encoding
content-type: text/html
```
To fix this I’d recommend adding a rule to your .htaccess file that forces HTTPS. Afterwards you’ll want to completely clear the Cache Enabler plugin.
Thread Starter anthonybarro
(@anthonybarro)

5 years, 10 months ago

Thanks again, very much appreciated. The missing CSS is the only thing holding me back from using CE on all my sites.

I’ve gone ahead and applied your fix. I’ll report back in the coming weeks.

Thread Starter anthonybarro
(@anthonybarro)

5 years, 10 months ago

Reporting back:

Seems to have done the trick. I haven’t had issues since.