Whenever you visit a website, Google Chrome secretly downloads pieces of that website (like the company logo, background images, and javascript files) and saves them to your hard drive. This is called “caching.” The next time you visit that site, Chrome loads the images directly from your hard drive rather than downloading them again, making the internet feel much faster.
However, if a website developer updates their site (e.g., changing the logo), your Chrome browser might stubbornly refuse to download the new version, continuing to display the old, cached logo from your hard drive. This results in broken formatting, login errors, and missing content. To force Chrome to download the newest version of the internet, you must clear your cache.
Method 1: The “Hard Refresh” (For a Single Website)
If only one specific website is broken, you do not need to nuke your entire browser history. You can force Chrome to clear the cache for that specific page and reload it from scratch.
- Navigate to the broken website.
- Instead of clicking the normal Refresh button (the circular arrow), you must use a secret keyboard shortcut.
- On a Windows PC: Press and hold the Ctrl key, and press the F5 key at the very top of your keyboard. (Alternatively, press Ctrl + Shift + R).
- On a Mac: Press and hold the Command (⌘) + Shift keys, and press R.
The screen will flash white, and the page will take slightly longer to load than usual. Chrome has just bypassed its internal cache and pulled a completely fresh copy of the website from the internet.
Method 2: Clear All Cached Images and Files (Desktop)
If the hard refresh fails, or if multiple websites are acting glitchy and your browser feels sluggish, it is time to empty the massive cache folder on your hard drive.
- Open Google Chrome.
- Look at the absolute top-right corner of the window and click the Three Vertical Dots (the Chrome menu).
- Hover your mouse over More tools (or “Clear browsing data” in newer updates), and select Clear browsing data.
- A dialog box will appear. Look at the top of the box for a drop-down menu labeled Time range.
- Change the time range from “Last hour” to All time.
- You will see three checkboxes. Uncheck the box for “Browsing history” (so you don’t lose your previous searches) and Uncheck the box for “Cookies and other site data” (so you don’t get logged out of all your accounts).
- Check the box specifically labeled Cached images and files.
- Click the blue Clear data button.
Chrome will take a few seconds to delete the gigabytes of temporary files from your hard drive. Once it finishes, close Chrome, reopen it, and navigate back to the broken website.
Method 3: Clear the Cache on the Mobile App (Android/iOS)
The mobile version of Chrome functions exactly the same way, but the buttons are in different locations.
- Open the Chrome app on your smartphone.
- Tap the Three Dots in the top right corner (Android) or bottom right corner (iPhone).
- Scroll down and tap Settings.
- Tap Privacy and security.
- Tap Clear browsing data.
- Change the Time Range to All time.
- Ensure only Cached images and files is checked (uncheck browsing history and cookies).
- Tap the red Clear Data button at the bottom of the screen.
Advanced: The “Empty Cache and Hard Reload” Developer Tool
If you are a web developer and the standard Hard Refresh (Ctrl+F5) is failing to pull your new CSS stylesheet, Chrome has a nuclear option hidden inside its Developer Tools.
- Navigate to the stubborn website.
- Press F12 on your keyboard (or right-click anywhere on the page and select “Inspect”). The complex Developer panel will slide out from the right side of the screen.
- Leave the Developer panel open. Now, move your mouse over to the standard Refresh button (the circular arrow next to the address bar).
- Right-click the Refresh button.
- A secret menu will appear. Select Empty Cache and Hard Reload.
Chrome will aggressively scrub every localized file associated with that domain and force a raw download from the server. Once the page loads, you can press F12 again to close the Developer panel.