Skip to main content
Known Participant
September 6, 2018
Answered

Caching of the CSS

  • September 6, 2018
  • 2 replies
  • 536 views

How can I fix the problem that the CSS file gets cached. I make a lot of changes in the CSS file and it would be great if you don't need first to clear the browser cache. Thanks for helping!

    This topic has been closed for replies.
    Correct answer Nancy OShea

    I have Expires Cashing rules in my server's .htaccess file.  In my example below, most file types are cached for 1 year.  CSS for 1 month and the default is 2 days.

    ## EXPIRES CACHING ##

    <IfModule mod_expires.c>

    ExpiresActive On

    ExpiresByType application/vnd.ms-fontobject "access 1 year"

    ExpiresByType application/x-font-ttf "access 1 year"

    ExpiresByType application/x-font-opentype "access 1 year"

    ExpiresByType application/x-font-woff "access  1 year"

    ExpiresByType image/svg+xml "access 1 year"

    ExpiresByType image/jpg "access 1 year"

    ExpiresByType image/jpeg "access 1 year"

    ExpiresByType image/gif "access 1 year"

    ExpiresByType image/png "access 1 year"

    ExpiresByType text/css "access 1 month"

    ExpiresByType application/pdf "access 1 year"

    ExpiresByType text/x-javascript "access 1 year"

    ExpiresByType text/javascript "access 1 year"

    ExpiresByType image/x-icon "access 1 year"

    ExpiresDefault "access 2 days"

    </IfModule>

    ## EXPIRES CACHING ##

    That siad, the link below describes some cache busting techniques you can try.  Versioning is the simplest.

    Strategies for Cache-Busting CSS | CSS-Tricks

    2 replies

    Nancy OShea
    Nancy OSheaCorrect answer
    Community Expert
    September 6, 2018

    I have Expires Cashing rules in my server's .htaccess file.  In my example below, most file types are cached for 1 year.  CSS for 1 month and the default is 2 days.

    ## EXPIRES CACHING ##

    <IfModule mod_expires.c>

    ExpiresActive On

    ExpiresByType application/vnd.ms-fontobject "access 1 year"

    ExpiresByType application/x-font-ttf "access 1 year"

    ExpiresByType application/x-font-opentype "access 1 year"

    ExpiresByType application/x-font-woff "access  1 year"

    ExpiresByType image/svg+xml "access 1 year"

    ExpiresByType image/jpg "access 1 year"

    ExpiresByType image/jpeg "access 1 year"

    ExpiresByType image/gif "access 1 year"

    ExpiresByType image/png "access 1 year"

    ExpiresByType text/css "access 1 month"

    ExpiresByType application/pdf "access 1 year"

    ExpiresByType text/x-javascript "access 1 year"

    ExpiresByType text/javascript "access 1 year"

    ExpiresByType image/x-icon "access 1 year"

    ExpiresDefault "access 2 days"

    </IfModule>

    ## EXPIRES CACHING ##

    That siad, the link below describes some cache busting techniques you can try.  Versioning is the simplest.

    Strategies for Cache-Busting CSS | CSS-Tricks

    Nancy O'Shea— Product User & Community Expert
    ALsp
    Brainiac
    September 6, 2018

    Try forcing a hard reload by simultaneously pressing your CTRL and F5 keys.

    Known Participant
    September 6, 2018

    That works fine for me but for everybody else visiting my website not...

    ALsp
    Brainiac
    September 6, 2018

    I would recommend letting the process unfold naturally. You might get other opinions, but now you have mine