Clearing Browser cache and hard refreshing

Owned by John Lash (Unlicensed)
Oct 23, 2017
1 min read

All modern internet browsers use a storage component called Cache. Cacheing stores certain data so that the page loads quicker in the future. Although this added load speed is very useful, you may not be seeing the most up to date page data such as images or bug fixes. Instead of waiting for the new data to cache you can clear your browser cache and hard refresh the page following the steps below.

Solution

Using Chrome

  1. open the Chrome Dev Tools by pressing F12.
  2. Once the chrome dev tools are open right click on the refresh button and a menu will drop down. 
  3. This menu gives you the option of doing a hard refresh, or even clearing the cache and do a hard refresh automatically.
  4. Choose "Empty Cache and Hard Reload"


Mozilla Firefox

Windows:

  1. Hold the Ctrl key and press the F5 key.
  2. Or, hold down Ctrl and â‡§ Shift and then press R.

Mac:

  1. Hold down the â‡§ Shift and click the Reload button.
  2. Or, hold down âŒ˜ Cmd and â‡§ Shift and then press R