Using Magento’s cache management system is an easy way to improve the performance of your site. However, when cache is enabled, changes in configuration will not be visible on the website until you refresh the cache.
If the cache is enabled, always refresh the cache after making any changes in Magento Admin, the theme's source code, CSS or JavaScript.
Refresh cache
If the cache is enabled, after each configuration change, extension installation, upgrade or file modification always refresh the cache. To do this, go to System > Cache Management. Click Select All link, select Refresh in Actions field and click Submit button:
Disable cache
Go to System > Cache Management. Click Select All link, select Disable in Actions field and click Submit button:
After cache is disabled cache management screen will look like this:
Enable cache
Once you finish configuring your store you can enable the caching system again. Go to System > Cache Management. Click Select All link, select Enable in Actions field and click Submit button:
Flush cache
Sometimes it's not enough refreshing the cache and you will need to clear all the data stored in cache. There are four big buttons located above and below the itemized list in the main Cache Management menu. It is recommended that you work with the individual line items listed as a first step in troubleshooting before hitting the larger buttons.
Flush Magento Cache
Removes all items in the default Magento cache (var/cache) and the var/full_page cache that have a Magento tag.
Flush Cache Storage
Removes all items in the cache. This is the equivalent of deleting the entire contents of the cache folder on the server (var/cache). If your system uses an alternate cache location, any cached files used by other applications will be removed.
Flush Catalog Images Cache
This button removes pre-generated product images files from media/catalog/product/cache. If you are changing images on products, and not seeing the new images on your site, you can try flushing this and refreshing your page.
Flush Javascript/CSS Cache
This button deletes CSS/JS cache stored in the media/css and media/js folders. If recent changes to a style sheet or JavaScript file aren’t visible in the store, try flushing the JavaScript/CSS cache and refreshing your browser.