Have you ever made a change to your website, yet when you go to the page on the internet nothing has changed? You may be experiencing browser caching. In this post we’ll discuss the simple keyboard shortcuts to ensure you’re viewing the most recent version of your webpage by performing a hard refresh.
This process refreshes the page you’re viewing completely anew. Unlike a standard refresh, it won’t load a cached version of the page (to learn more about caching and how to thoroughly clear your browser’s cache, click here).
It may take a few moments longer than a regular refresh, but it will ensure you’re viewing the latest version of your webpage.
Let’s get stuck in to the simple process of performing a one in Google Chrome, Apple Safari, Mozilla Firefox and Internet Explorer:
In Google Chrome
Either hold down Ctrl and click the Reload button; or hold down Ctrl and press F5.
Alternatively, you can open Chrome Developer Tools by pressing F12. Once these are open, simply 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 entirely.
Hold down ⌘ Cmd and ⇧ Shift key and then press R.
In Apple Safari
If you’ve activated the developer menu option, go to
Develop > Empty Cache, or hit Option+⌘+E.
To refresh, click the refresh button on the address bar or press ⌘+R.
In Mozilla Firefox
Hold the Ctrl key and press the F5 key; or, hold down Ctrl and ⇧ Shift and then press R.
Hold down ⌘ Cmd and ⇧ Shift and then press R.
In Internet Explorer
Hold the Ctrl key and press the F5 key; or, hold the Ctrl key and click the Refresh button.
Another tip I can offer is using an Incognito Window (in Chrome) to view changes to your site. Click here to learn more at Google’s website.
Got a better way? Simply share your preferred method in the comments below.