Prevent Browser Caching

Description

Are you a frontend developer? Do you want to clear browser cache for all users? Just activate this plugin and show your work!

Prevent Browser Caching allows you to update the assets version of all CSS and JS files automatically or manually in one click.

Now you can show the latest changes on the site without asking the client to clear the cache.

How it works?

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.

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.

For developers

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.

But you can also set the version of CSS and JS files programmatically.

Just insert this code in functions.php file of your theme and change the value of assets_version when you need to update assets:

prevent_browser_caching( array( 
    'assets_version' => '123' 
) );

Screenshots

Installation

From WordPress dashboard

1. Visit “Plugins > Add New”.
2. Search for “Prevent Browser Caching”.
3. Install and activate Prevent Browser Caching plugin.

From www.ads-software.com site

1. Download Prevent Browser Caching plugin.
2. Upload the “prevent-browser-caching” directory to your “/wp-content/plugins/” directory.
3. Activate Prevent Browser Caching on your Plugins page.

Reviews

Best Cache Plugin ever

rompikapo May 17, 2024

It is the first plugin that I install every time I create a new site, this plugin is the web designer’s best friend, it instantly clears the browser cache and refreshes the page with one click, saving me a lot of time when I update and design the site, avoiding long trips in the browser, also works to show the page to customers, a heartfelt thank you.

MAGIC!!!

teacherdesigner October 29, 2023

10-30-23 I do not how this thing does it, but it just solved my problem that was bothering me for weeks and my hosting co could not help. I added this plugin (did not even need to change a setting) and now my changes show up on websites especially the CSS. thank you so much- you are so helpful and what you created is valuable!!!

O unico que funciona!

mdknet March 14, 2023

Fui obrigado a logar no forum para avaliar, é o unico plugin que realmente limpa o css e js, sempre que preciso estou aqui instalando

Lifesaver – will now use for all dev work

mrsminkie February 27, 2023

I found this plugin while searching for a way to prevent CSS files from caching while working with a particularly annoying theme (A****). This works perfectly and I will use it on every website I’m developing from this point forwards. Thank you!

Super Awesome

dklsd787s6 April 23, 2022

Finally a working plugin, which solves the annoying issue of browsers caching old versions of a page!

Perfect

miko January 19, 2022

Perfect Plugin for developers.

Contributors & Developers

Changelog

2.3.5

• Tested the plugin in WordPress 6.5.

2.3.4

• Tested the plugin in WordPress 6.1.

2.3.3

• Tested the plugin in WordPress 6.0.

2.3.2

• Fixed “Update CSS/JS” button in the admin bar.

2.3.1

• Tested the plugin in WordPress 5.1.

2.3

• Tested the plugin in WordPress 5.0-beta1 and optimized the code.

2.2

• Added function “prevent_browser_caching” which disables all admin settings of this plugin and allows to set the new settings.
• Changing “ver” param instead of adding additional “time” param.

2.1

• Added option to show “Update CSS/JS” button on the toolbar.

2.0

• Added setting page to the admin panel.
• Added automatically updating CSS and JS files every period for individual user
• Added manually updating CSS and JS files for all site visitors

1.1

• Added plugin text domain.

1.0

• First version of Prevent Browser Caching plugin.