1

I recently enabled CloudFlare on my domain, and when I make HTML statements like this:

<link href="css/main.css" rel="stylesheet" />

The CSS gets displayed in-line, like this:

<style>body{padding-top:40px}span.light{font-weight:lighter!important}span.title{font-size:60px;line-height:1;letter-spacing:-1px;color:inherit}</style>

When I update the file via FTP, the changes are not reflected, which leads me to believe that this is a caching issue.

Is this due to CloudFlare? If so, how do I disable the behavior?

EDIT I also came to the conclusion that caching is behind the behavior after being able to see changes in the page after re-naming the CSS file.

1

2 Answers 2

0

Manually purge the cache in CloudFlare

https://support.cloudflare.com/entries/22042092-how-do-i-purge-my-cache

4
  • Hmm... doesn't seem to have any effect.
    – esqew
    Commented Dec 7, 2012 at 22:02
  • Are you running WordPress?
    – Anagio
    Commented Dec 7, 2012 at 22:04
  • This has occurred in a separate WordPress install but it's also occurring in manually-generated pages.
    – esqew
    Commented Dec 7, 2012 at 22:09
  • I'd contact CloudFlare if you're paying for their service their support can tell you exactly what's going on.
    – Anagio
    Commented Dec 7, 2012 at 23:58
0

I found that this wasn't a CloudFlare caching issue, it was caused by Google's mod_pagespeed enabled on my DreamHost account's configuration page.

The externally-referenced CSS files stopped appearing inline after disabling this addon.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.