How can you be sure the latest CSS stylesheet is loaded by the Browser?
July 22, 2013
You keep updating your CSS stylesheet but the browser loads the old one from cache and so when a returning visitor loads the site, the layout gets screwed up. This is basically a CSS caching problem.
Since the browser won’t recognize an update in the CSS stylesheet, you can basically “fool” the browser into thinking you’ve added a new stylesheet.You can do this by renaming the CSS stylesheet by adding a ? after the file extension, followed by a version number (or anything you want):
<link href="style.css?v=24" rel="stylesheet" type="text/css" />
Then you can be sure that every client will reload the CSS rather than use a cached version. The server will ignore the parameter (ex: v=24) and load the stylesheet like normal.
Thanks to Big Roberto for this tip.