When browsing a website, Google Chrome (or any other browser) stores some data for speeding up the website pages load, in what's called Cache. This by default is a useful feature and saves times, as well as bandwidth (on the technical side for the hosting server).
Since all the already downloaded files such as CSS, JS..others, will be saved on your local machine, there's no need for the browser to re-load them, every time the page is refreshed or visited.
So What's the Problem?
Well, if you're like us (a web designer or developer) and often working on the same page, crafting every detail, adjusting sizes, colors, layout..etc. You come across this issue of having to do a (Hard-Refresh) to clear cache, so you get the latest modified version of the page load up. However, this doesn't always clear all the necessary cache. And you are forced to clear browser data.
The problem with clearing browser data is that, it's not always wanted. I personally, do not like to clear my history, I have many references I need to go back to, auto-fills, many other items, that make my browser, my own personalized space.
The Solution: Clear Chrome cache for a single website only
The ideal solution is to clear the cache for example .com rather than your entire browsing data. And to do so, follow the easy 3 steps:
- As the page is loaded, open Chrome Developer Tools (Right-Click > Inspect) or (Menu > More Tools > Developer Tools)
- Next, go to the Refresh button in Chrome browser, and Right-Click the Refresh button.
- Select Empty Cache and Hard Refresh
The easy and effective way to clear Chrome cache for a specific page only.