kostyatereshchuk

<p>Are you a frontend developer? Do you want to clear browser cache for all users? Just activate this plugin and show your work!</p>
<p>Prevent Browser Caching allows you to update the assets version of all CSS and JS files automatically or manually in one click.</p>
<p>Now you can show the latest changes on the site without asking the client to clear the cache.</p>
<h4>How it works?</h4>
<p>Usually, WordPress loads assets using query param “ver” in the URL (e.g., style.css?ver=4.9.6). It allows browsers to cache these files until the parameter will not be updated.</p>
<p>To prevent caching of CSS and JS files, this plugin adds a unique number (e.g., 1526905286) to the “ver” parameter (e.g., style.css?ver=4.9.6.1526905286) for all links, loaded using wp_enqueue_style and wp_enqueue_script functions.</p>
<h4>For developers</h4>
<p>By default, this plugin updates all assets files every time a user loads a page and adds options in the admin panel (Settings -> Prevent Browser Caching) which allows you to configure updating of these files.</p>
<p>But you can also set the version of CSS and JS files programmatically.</p>
<p>Just insert this code in functions.php file of your theme and change the value of assets_version when you need to update assets:</p>
<pre><code>prevent_browser_caching( array( 
    'assets_version' => '123' 
) );
</code></pre>


Prevent Browser Caching

I just want to thank the developer for this super useful plugin, it works wonderfully well, great job.

Thank you

Updates the assets version of all CSS and JS files. Shows the latest changes on the site without asking the client to clear browser cache.

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>


Disable CSS JS Cache

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

Prevent Browser Caching vs Disable CSS JS Cache