Comments on: Prevent Your CSS and JavaScript Files From Being Cached http://davidwalsh.name/prevent-cache Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Thu, 09 Feb 2012 02:40:12 +0000 hourly 1 http://wordpress.org/?v=3.3 By: Nicoláshttp://davidwalsh.name/prevent-cache/comment-page-1#comment-28023 Nicolás Thu, 22 Dec 2011 14:38:51 +0000 http://davidwalsh.name/?p=1401#comment-28023 Big up!Thanks for the tip.I was totally freak out with Chrome cache.Cheers. Big up!

Thanks for the tip.

I was totally freak out with Chrome cache.

Cheers.

]]> By: kashhttp://davidwalsh.name/prevent-cache/comment-page-1#comment-24374 kash Thu, 09 Jun 2011 16:01:15 +0000 http://davidwalsh.name/?p=1401#comment-24374 the code didnt paste properly, its the 2nd code on top if this page. the code didnt paste properly, its the 2nd code on top if this page.

]]> By: kashhttp://davidwalsh.name/prevent-cache/comment-page-1#comment-24373 kash Thu, 09 Jun 2011 15:58:42 +0000 http://davidwalsh.name/?p=1401#comment-24373 this is a great solution thanks, but, i dont understand how to implement it, if i just want to stop javascript from being cached do i just paste this somewhere on my site head or very top: <code> <script type="text/javascript" src="/site-script.js?"><code>And, where on the code it says 'site-script.js' -is that where i put the name of the javascript i want it to stop caching? and what are these numbers for: "/site-script.js?1234567890"? this is a great solution thanks, but, i dont understand how to implement it, if i just want to stop javascript from being cached do i just paste this somewhere on my site head or very top:

<script type="text/javascript" src="/site-script.js?">

And, where on the code it says 'site-script.js' -is that where i put the name of the javascript i want it to stop caching? and what are these numbers for: "/site-script.js?1234567890"?

]]> By: John K. Njuehttp://davidwalsh.name/prevent-cache/comment-page-1#comment-23450 John K. Njue Mon, 11 Apr 2011 04:45:26 +0000 http://davidwalsh.name/?p=1401#comment-23450 Man you've really assisted me.Your solution is great.Keep up the good job.I am a young developer concentrating of PHP Ajax applications.I prefer to use JQuery Javascript framework. Man you’ve really assisted me.

Your solution is great.

Keep up the good job.

I am a young developer concentrating of PHP Ajax applications.

I prefer to use JQuery Javascript framework.

]]> By: Jason Arencibiahttp://davidwalsh.name/prevent-cache/comment-page-1#comment-17381 Jason Arencibia Sun, 02 May 2010 10:11:03 +0000 http://davidwalsh.name/?p=1401#comment-17381 I know this is old, but I just found the site reading up on jQuery and mootools and since I'm not the best with JS, I tend to have to change things a lot and caching can become an issue where your asking yourself did I upload that last change? loladding the query string to files might be a simple way, but I thought I'd share what I have done! seems to work!I just turn all my javascript and css into php files and add this to the top of the file:then call it like this in the page header I know this is old, but I just found the site reading up on jQuery and mootools and since I’m not the best with JS, I tend to have to change things a lot and caching can become an issue where your asking yourself did I upload that last change? lol

adding the query string to files might be a simple way, but I thought I’d share what I have done! seems to work!

I just turn all my javascript and css into php files and add this to the top of the file:

then call it like this in the page header

]]> By: Permana Jayantahttp://davidwalsh.name/prevent-cache/comment-page-1#comment-8417 Permana Jayanta Wed, 25 Mar 2009 08:55:54 +0000 http://davidwalsh.name/?p=1401#comment-8417 So that's mean the string after ? on .css file ... i've seen that on wordpress blog ... So that’s mean the string after ? on .css file … i’ve seen that on wordpress blog …

]]> By: Giorgio Sironihttp://davidwalsh.name/prevent-cache/comment-page-1#comment-8380 Giorgio Sironi Mon, 23 Mar 2009 17:44:57 +0000 http://davidwalsh.name/?p=1401#comment-8380 But why are you address the problem at php level? Apache (and all the servers that implements ETags) returns a 304 Not Modified http header if the file is old, and the correct response if file is modified (for Apache basing on modification date, inode, etc.). But why are you address the problem at php level? Apache (and all the servers that implements ETags) returns a 304 Not Modified http header if the file is old, and the correct response if file is modified (for Apache basing on modification date, inode, etc.).

]]> By: Nachohttp://davidwalsh.name/prevent-cache/comment-page-1#comment-8323 Nacho Thu, 19 Mar 2009 20:04:39 +0000 http://davidwalsh.name/?p=1401#comment-8323 You can go a step further by having a table with the MD5 of all your static content. Every time you make new changes, a script checks the MD5 of all files and if it changes, adds +1 to the version number. then generate all URLs with a function that appends the version of this table to the filename so you dont have to do anything You can go a step further by having a table with the MD5 of all your static content. Every time you make new changes, a script checks the MD5 of all files and if it changes, adds +1 to the version number.
then generate all URLs with a function that appends the version of this table to the filename so you dont have to do anything

]]> By: Chris Hopehttp://davidwalsh.name/prevent-cache/comment-page-1#comment-8321 Chris Hope Thu, 19 Mar 2009 17:59:21 +0000 http://davidwalsh.name/?p=1401#comment-8321 As I mentioned in an earlier comment, I was going to write a post about using rewrite rules etc. You can read it here: http://www.electrictoolbox.com/force-reload-css-javascript-unique-filenames/ As I mentioned in an earlier comment, I was going to write a post about using rewrite rules etc. You can read it here: http://www.electrictoolbox.com/force-reload-css-javascript-unique-filenames/

]]> By: Chris Hopehttp://davidwalsh.name/prevent-cache/comment-page-1#comment-8296 Chris Hope Wed, 18 Mar 2009 20:38:17 +0000 http://davidwalsh.name/?p=1401#comment-8296 The catch with not caching JS or CSS at all is that the browser is going to have to download a copy of the file(s) every single time you load a page. This will slow requests down etc so it's better to use some other convention as other people have suggested here e.g. using a query string with the timestamp (which appears to be not particularly recommended due to proxy issues) or the version number in the filename.If you're going to make the browser download the CSS/JS every time then you may as well just include it in the page itself so only one request needs to be made per page. The catch with not caching JS or CSS at all is that the browser is going to have to download a copy of the file(s) every single time you load a page. This will slow requests down etc so it’s better to use some other convention as other people have suggested here e.g. using a query string with the timestamp (which appears to be not particularly recommended due to proxy issues) or the version number in the filename.

If you’re going to make the browser download the CSS/JS every time then you may as well just include it in the page itself so only one request needs to be made per page.

]]>