Web page not loading external style sheet changes

Permalink
Whenever I save changes to my external style sheet ('view.css'), the changes do not get pushed to the web page that I am attempting to test (http://www.ryan-taylor.me/portfolio/software/american-century/) in Chrome. Things that I have tried:

1. Cleared my browser's cache
2. Cleared Concrete5's cache
3. Spammed f5 for hopeful refreshes
4. Tested within a different browser (IE and FireFox)
5. Used the CSS Reloader extension within Chrome to "force refresh" the the web page's style sheets

All the above failed to push any of the CSS changes that I made (refer to the attached photos for code visuals). The only action that does work is if I change the name of the style sheet. However, due to the fact that I do regular testing and CSS updates, I would prefer not to have to manually change the file name and the PHP call to that file each time I alter the code.

The page is still loading an older version of 'view.css'. It seems as though the style sheet is getting cached somewhere, but I'm not sure where. Does anyone have any ideas as to why this is occurring and/or any solutions that I could try?

2 Attachments

ryan97dt
View Replies: View Best Answer
mhawke replied on at Permalink Best Answer Reply
mhawke
Could it be that your host has Cloudflare enabled or some other 'helpful' accelerator. Visit your host's Control Panel and see if there are options to turn off Cloudflare.

Also, you might have 'Full Page Caching' enabled in C5 but you sound like you've visited the C5 caching so I'm sure you would have noticed that.
ryan97dt replied on at Permalink Reply
ryan97dt
Cloudflare was something I hadn't thought of before. I kinda forgot I had it. I did try disabling it, but to no avail. Great suggestion, though!

As for 'Full Page Caching', I have already disabled all forms of caching through C5. Still no luck. :(
mhawke replied on at Permalink Reply
mhawke
Did you clear all caching after turning off Cloudflare?

Is there a public URL I could have a look at?
ryan97dt replied on at Permalink Reply
ryan97dt
I did clear cache after I turned off Cloudflare with no luck...at least last night when I was testing out the aftereffect. However, after giving up late last night and refreshing again this morning, it seems as though I'm getting instant change pushes from my style sheet! Maybe it just took a little cushion of time after disabling Cloudflare? I'm not sure, but it looks like all is well now.

Thanks, mhawke!
mhawke replied on at Permalink Reply
mhawke
I have heard of other cases where it took a while for Cloudflare to actually get turned off. Perhaps the host doesn't immediately turn off Cloudflare as soon as you turn it off in the cPanel. Perhaps they update Cloudflare once a day or something like that. I have found that most of these acceleration 'features' offered by hosting companies just confuse things more.
ryan97dt replied on at Permalink Reply
ryan97dt
That makes sense. And it was sort of useless for me to have it on in the first place. All I'm running is a simple portfolio site. My traffic isn't high enough to see much of a difference from any acceleration service.
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
It might be the case that your stylesheet called like this:
<link rel="stylesheet" media="screen" type="text/css" href="<?php  echo $this->getStyleSheet('view.css')?>" />


try to change this like:
<link rel="stylesheet" media="screen" type="text/css" href="<?php  echo $this->getThemePath(); ?>/view.css" />


Though I'm not sure whether it is the problem but still sharing my opinion.

Rony
ryan97dt replied on at Permalink Reply
ryan97dt
I already had your suggestion in the initial implementation. Great suggestion, though!