External CSS is cached and not updating

  • Resolved escapshion

    (@escapshion)


    6 months ago

    I have attached an external CSS file in a webpage of my website. However, upon making changes in the editor, the changes are not reflected on the frontend of the webpage.

    I discovered a workaround by visiting the link under the title bar of CSS file and refreshing that URL. This fixes the issues and reflects the changes on the frontend. However, I want this thing to happen dynamically.

    Based on this current issue, I would like to suggest the addition of a feature/option using which users can choose if they want to avoid caching of external CSS files.

    • This topic was modified 6 months ago by escapshion.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Diana Burduja

    (@diana_burduja)

    The changes should automatically show up on the frontend. The Simple Custom CSS & JS plugin does that by adding a query string at the end of the CSS file, which changes when the CSS custom code is modified. This method is called cache-busting, commonly used in WP for static files, so the browser is forced to use the updated file.

    If the browser still loads the old CSS file, it means that your website uses a plugin similar to WP Remove Query Strings from Static Resources, or any of the other methods to remove the query strings described in this article.

    Thread Starter escapshion

    (@escapshion)

    Thanks for providing the possible solution. I checked a bit deeper into the configuration of my website and affected source code. The problem was indeed occurring because of a broken cache management plugin which was serving static pages and partial URLs were getting purged.

    Disabled the plugin and refreshed the page, now everything is working fine.

    Thank you very much!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘External CSS is cached and not updating’ is closed to new replies.

Tags