Browser cache can sometimes lead to issues on a website. You must have seen suggestions like ‘try to clear your browser cache’ or ‘delete your cookies’ in case a site is having trouble loading.
This is usually caused when the site has been updated since it was last cached by your browser but the browser tries to serve you with cached files — resulting in a partially loaded website or a broken one.
Clearing your browser cache every now and then is a good idea both for making space in your storage as well as addressing your privacy concerns.
There is a traditional method to clear cache via settings on your Google Chrome browser, but here we discuss hidden ways to do the same without affecting your current tabs and workflow.
The Hidden Cache-Clearing Feature
There are three hidden switches in the Chrome reload button which are accessible once the Chrome Dev tools are activated by pressing F12.
Once you see the dev tools screen on the right, right-click on the reload button, and the dropdown menu will show you three options — two of which are useful in our case.
This functions the same as the reload button does when Dev tools aren’t activated.
Pressing the Normal reload button will lead the browser to reload the page using the cached data. The browser will also check for any updated files on the server and will fetch them if available.
Hard reload makes the browser circumvent the cached files and downloads all the files for the web page again.
Hard Reload can also be performed via a keyboard shortcut: CTRL+SHIFT+R.
Empty Cache and Hard Reload
In order to wipe the cache clean and reload the web site with all the updated files available on the server, this one is the best option.
It’ll serve you a completely fresh web page while the browser caches the files for the website again.