Browser cache are useful for web browsing , but a real pain point for developers. Browsers keeps the cache of certain files which are used through out the site to save its user’s data and make website perform faster. To enhance speed Leverage Browsing cache instruct browsers to cache certain file types.
Modern day browsers nowadays cache every front end resource like javascript or CSS style sheets. They primarily do this to increase the website performance. But this can be really irritating while one is in development mode and constantly modifying the javascript or css style sheets. The only way to see the changes is by doing a hard refresh or clear the cache of the browser.
Are you sure its your browser’s cache issue?
Before you try anything make sure its your browser’s cache issue. You can open a private browsing window and try loading the website. You can also load website through a proxy server to see if website looks different there than your browser.
How to do hard refresh on various browsers?
A hard refresh is a way of clearing the browser’s cache for a specific page, to force it to load the most recent version of a page. Sometimes, when changes are made to the website, they don’t register immediately due to caching. A hard refresh will usually fix this, though occasionally completely clearing the cache is necessary.
Chrome:
Quick hard refresh can be done by using the following short cut keys
Windows/Linux:
- Hold down Ctrl and click the Reload button.
- Or, Hold down Ctrl and press F5.
- just open the Chrome Dev Tools by pressing F12. Once the chrome dev tools are open, just right click on the refresh button and a menu will drop down. This menu gives you the option of doing a hard refresh, or even clearing the cache and do a hard refresh automatically.
Mac:
- Hold ⇧ Shift and click the Reload button.
- Or, hold down ⌘ Cmd and ⇧ Shift key and then press R.
Mozilla Firefox and Related Browsers:
Windows/Linux:
- Hold the Ctrl key and press the F5 key.
- Or, hold down Ctrl and ⇧ Shift and then press R.
Mac:
- Hold down the ⇧ Shift and click the Reload button.
- Or, hold down ⌘ Cmd and ⇧ Shift and then press R.
Internet Explorer:
- Hold the Ctrl key and press the F5 key.
- Or, hold the Ctrl key and click the Refresh button.
Microsoft Edge
- Hold the CTRL and Press F5 for hard refresh.
- Hold the CTRL key and press refresh button on browser’s address bar.