Browser Won’t Refresh CSS Files
This can cause a problem because many returning visitors to your website will not see the new style changes you have made because they will still have the old style sheet in their browser’s cache.
A quick tip to solve this problem is to force the browser to load the latest CSS file.
One way to do this is to ‘version‘ your CSS file:
By using the <link> element and adding a query string to the end of the file name, it will force the browser to update the stylesheet.
The query string is the ?v=1.1 after the url.
Therefore each time you update your stylesheet you can update the query string. This means your website visitors will always see your latest styles.
Example:
<link href="style.css?v=1.1" rel="stylesheet" />
Stylesheet update
<link href="style.css?v=1.2" rel="stylesheet" />
Updating the query string from ?v=1.1 to ?v=1.2 serves to make the browser think it’s a completely different file.
If you are using WordPress and you update your theme’s style.css you can use the above technique to force the browser to load your latest style.css by inserting the following code into the <head> section of your theme.
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url');
echo '?' . filemtime( get_stylesheet_directory() . '/style.css');
?>" type="text/css" media="screen, projection" />
The above code uses the function filemtime to add the server time that the file was changed to the style.css url. This way your stylesheet file will always be up-to-date according to the file system.
Blog Posts
Web Analytics service from Cloudflare to take on Google Analytics7 October 2020- Optional Email Confirmation for WordPress Plugin Updates28 September 2020
- Why you Should Use a Password Manager25 September 2020
- Is This the Way Forward For Short Innovative Web Content24 September 2020
- Divi Theme – Hover over one element to affect another16 September 2020
- Setting up a carousel using SiteOrigin Page builder, Widgets bundle, and PAJ Featured Image Carousel.25 January 2018
- How To Fix the Divi Menu with the PAJ Divi Menu plugin16 January 2018
- New Carousel for WordPress26 September 2017
- WordPress Coming Soon & Redirecting16 January 2015
- Browser Won’t Refresh CSS Files28 July 2013
Thanks I was looking for that.