Modified 07 March 2017 by Ian Weatherhogg

Clear the cache of your Chrome browser using this simple method

A quick method for when you need to clear the cache of your Chrome browser.

Modern web applications routinely cache frontend resources such as javascript or CSS style sheet elements in order to increase website performance. When browsing the web and perhaps especially when developing or testing web-based applications it is sometimes necessary to perform a Empty Cache & Hard Reload.

Whilst keyboard options exist (e.g. Ctrl+Shift+R) you can access 3 reload options via the following method:

Use F12 to open the Chrome Dev Tools

  • Reveals the Dev Tools

Right-Click on the browser Reload Button

  • Provides the 3 Reload Options:

  1. Normal Reload: Uses Cached Data
  2. Hard Reload: Forces browser to re-download items and reload however subsequently used resources may come from a cached version
  3. Empty Cache & Hard Reload: Cache for the page is emptied and everything must be re-downloaded as required.