Prevent browser caching of CSS and JS files in WordPress and control static asset caching headers.

Umang Prajapati

umangprajapati

<p>Disable CSS JS Cache is a powerful yet lightweight plugin that helps WordPress developers and site administrators manage browser caching for CSS and JavaScript files. This is particularly useful during development, testing, or when making frequent changes to your theme files.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Disable CSS/JS Caching</strong> – Adds dynamic timestamps to CSS and JS files to prevent browser caching</li>
<li><strong>Smart Cache Busting</strong> – Choose between timestamp-based or file modification time-based versioning</li>
<li><strong>Performance Mode</strong> – Selectively cache-bust only CSS, only JS, or both</li>
<li><strong>CDN Support</strong> – Option to apply cache busting to CDN-hosted files</li>
<li><strong>Admin Bar Toggle</strong> – Quick enable/disable from WordPress admin bar</li>
<li><strong>Statistics Dashboard</strong> – Track how many files are being cache-busted</li>
<li><strong>Admin Notifications</strong> – Optional reminder when cache busting is active</li>
<li><strong>Clear Cache Button</strong> – One-click to clear WordPress and compatible caching plugins</li>
<li><strong>Browser Caching Control</strong> – Optionally enable browser caching for static assets (images, CSS, JS, PDF)</li>
<li><strong>Configurable Cache Duration</strong> – Set custom cache duration for static assets (60 seconds to 1 year)</li>
<li><strong>Automatic .htaccess Management</strong> – Automatically adds and removes caching rules from .htaccess</li>
<li><strong>Exclude Paths</strong> – Exclude specific files or paths from cache busting</li>
<li><strong>Development-Friendly</strong> – Perfect for development environments where you need to see changes immediately</li>
<li><strong>Production-Ready</strong> – Enable browser caching for better performance on live sites</li>
<li><strong>Clean Uninstall</strong> – Removes all settings and .htaccess rules when uninstalled</li>
</ul>
<h3>How It Works</h3>
<p>When “Disable CSS JS Cache” is enabled, the plugin appends a current timestamp to all CSS and JavaScript file URLs on the frontend. This forces browsers to fetch fresh versions of these files instead of using cached versions.</p>
<p>The browser caching feature allows you to add caching headers to your .htaccess file for static assets, improving site performance by reducing server requests.</p>
<h3>Use Cases</h3>
<ul>
<li><strong>Development Environment</strong> – See CSS and JS changes immediately without clearing browser cache</li>
<li><strong>Staging Sites</strong> – Test changes with confidence that you’re seeing the latest files</li>
<li><strong>Production Sites</strong> – Control browser caching for optimal performance</li>
<li><strong>Troubleshooting</strong> – Quickly determine if issues are cache-related</li>
</ul>
<h3>Settings</h3>
<p>Access the plugin settings from <strong>Settings > Disable CSS JS Cache</strong> in your WordPress admin:</p>
<ol>
<li><strong>Enable Cache Busting</strong> – Turn cache busting on/off</li>
<li><strong>Cache Busting Method</strong> – Choose Force Refresh (timestamp) or Smart Refresh (file modification time)</li>
<li><strong>Performance Mode</strong> – Select Both CSS & JS, CSS Only, or JS Only</li>
<li><strong>CDN Support</strong> – Enable cache busting for external/CDN files</li>
<li><strong>Exclude Paths</strong> – Add files or paths to exclude from cache busting</li>
<li><strong>Admin Bar Toggle</strong> – Show quick toggle in admin bar</li>
<li><strong>Admin Notice</strong> – Display reminder when cache busting is active</li>
<li><strong>Browser Caching</strong> – Enable/disable .htaccess caching rules</li>
<li><strong>Caching Duration</strong> – Set how long browsers should cache static assets</li>
</ol>
<h3>Additional Information</h3>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit the <a href="https://wordpress.org/support/plugin/disable-css-js-cache/" rel="ugc">plugin support forum</a>.</p>
<h3>Contributing</h3>
<p>This plugin is open source. Contributions are welcome!</p>
<h3>Privacy</h3>
<p>This plugin does not collect or store any personal data. It only stores plugin settings in your WordPress database.</p>
<h3>Technical Details</h3>
<h3>Filters Available</h3>
<ul>
<li><code>style_loader_src</code> – Modifies CSS file URLs</li>
<li><code>script_loader_src</code> – Modifies JavaScript file URLs</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.0 or higher</li>
<li>Apache server with mod_headers enabled (for browser caching feature)</li>
<li>Writable .htaccess file (for browser caching feature)</li>
</ul>
<h3>File Structure</h3>
<ul>
<li><code>disable-css-js-cache.php</code> – Main plugin file</li>
<li><code>includes/</code> – Core plugin classes</li>
<li><code>uninstall.php</code> – Cleanup on uninstall</li>
<li><code>languages/</code> – Translation files</li>
</ul>
<h3>Compatibility</h3>
<ul>
<li>Compatible with all WordPress themes</li>
<li>Works with major page builders</li>
<li>Multisite compatible</li>
<li>Translation ready</li>
</ul>


Alternatives to Disable CSS JS Cache

Top alternatives