Question

Sometimes browsers are not reloading images. Especially images that are in css.

Why is this happening?

Answer 1

Sometimes, when we creating website – we change images many times. Sometimes images are cached and they are not refreshing.

The best example are images, that browser loads on “mouseover” or “click” events (menu backgrounds for example) are really frustrating, because there is no way to refresh them with F5 or Ctrl+F5, because they are not displayed. They can ruin your day 😀

HOW TO DISABLE CACHE IN POPULAR BROWSERS TUTORIAL

IMPORTANT: don’t forget what you turned off/on – you may need cache later when you will work on 56k modem 😀 or 3G connection.

How to disable cache in Google Chrome:

1. Open Chrome Developer Tools (by menu, or shortcut Ctrl+Shift+I).
2. Click gear icon in right bottom corner (settings)
3. In settings of Developer Tools there is an option “Disable cache”.

How to disable cache in Mozilla Firefox:

1. Type or paste “about:config” in address bar.
2. Accept message from scary window (new versions) 🙂
3. Find “network.http.use-cache” and double-click it.
4. To reenable – double-click again.

How to disable cache in Opera?

1. Type “opera:config” in address bar.
2. Find Cache section.
3. There are many helpful options. You can:
   • set image expiry in cache
   • permanent disable cache for images (its called “Cache Figs”)
   • permanent disable cache for documents

How to disable cache in Internet Explorer 9

(unfortunately i dont have english version, so i can make mistake translating)

1. Turn on Developer Tools (shorcut key F12)
2. Expand developer tools window if you dont see menu
3. Find Cache in that menu and there should be an option “Always Refresh from Server”

Alternative for IE (older versions without developer tools):
You can find “Always Refresh from Server” option in IE settings.