Every time a user loads a webpage, their browser has to download quite a lot of data in order to display that webpage. To shorten page load times, browsers cache most of the content that appears on the webpage, saving a copy of the webpage's content on the device’s hard drive. This way, the next time the user loads the page, most of the content is already stored locally and the page will load much more quickly.
Since you're likely loading your website at various times throughout the development process, occasionally your website may look funky due to caching. Here is a quick way to do a hard refresh on your browser so that you're seeing the latest version of the website:
Google Chrome
Windows
- Hold down Ctrl (Control) + Shift and click R.
- Or hold down Ctrl (Control) and click the Reload button.
- Or hold down Ctrl (Control) and click F5.
- Or Open Chrome dev tools by clicking F12 and right-click Reload button. Then, click Hard Reload.
Mac
- Press the ⇧ Shift key on your keyboard while clicking the Reload button in Chrome.
- Or press ⌘ Cmd +⇧ Shift + R on your keyboard.
Microsoft Edge (Windows)
- Press Ctrl on your keyboard while clicking the Refresh button in MS Edge.
- Or press Ctrl + F5 on your keyboard.
Safari (Mac)
- Press Shift on your keyboard while clicking the Refresh button in Safari.
- Or press Command (⌘) + Option (⌥) + R on your keyboard.
Firefox
Windows
- Press Ctrl + Fn + F5 on your keyboard.
- Or press Ctrl +⇧ Shift + R on your keyboard.
Mac
- Press the ⇧ Shift key on your keyboard while clicking the Reload button in Firefox.
- Or press ⌘ Cmd+ ⇧ Shift + R on your keyboard.
More information: