Nov 23, 2016

Chrome’s Hidden Reload Menu: “Normal Reload”, “Hard Reload”, and “Empty Cache”


Do you know about the “Normal Reload”, “Hard Reload”, and “Empty Cache with Hard Reload” option in your web browser? These options allow one to ensure that locally cached files aren’t served after reloading the page. It can be easily accessed by opening the developer tools option from the Chrome Menu.

Category:IT 

Do you know about the “Normal Reload”, “Hard Reload”, and “Empty Cache with Hard Reload” option in your web browser? These options allow one to ensure that locally cached files aren’t served after reloading the page. It can be easily accessed by opening the developer tools option from the Chrome Menu.
If you visit fossbytes.com often, there are chances that the website loads faster for you as compared to the first time visitors. This happens due to the browser cache feature that automatically saves the image, JavaScript, and CSS files etc. in the local cache. A webmaster has the option to specify the expiration date so that your browser will load the latest version. The web browser cache is a useful function that allows the user and server to save bandwidth and time. It also makes the user experience better.

However, this causes problems when some bad results are cached. It doesn’t allow your computer to convey the communication to the host directly. In such cases, we try to reload the web page or clear the cache.

In web browsers, Google Chrome, for instance,  you have the option to clear cookies, Adobe Flash cache, and temporary internet files. In Chrome’s developer tools option, you have a hidden feature to clear the cache, perform a soft/normal reload, hard reload, and empty cache with hard reload.

These options, usually their shortcuts, are of great use to web developers. While they might be already aware of these tools, it could be another tech tip for the regular users.

To access this drop down menu, you need to open the Developer Tools console in your Google Chrome web browser. To do this, you need to find the Developer Tools option in Chrome’s menu. Follow this path: Chrome Menu → More tools → Developer Tools

Now, right-click on the Reload button of your web browser in the upper right corner. It’ll show you the three types of reload options.

Here are their functions:

  • Normal Reload: Reloads the page and serves the cached content (F5)
  • Hard Reload: Reloads the page and forces the browser to download items. Cache data might appear (Ctrl+R, Ctrl+SHIFT+R, or Ctrl+F5)
  • Empty Cache & Hard Reload: Page’s cache is cleared completely. Everything is downloaded from the scratch.

When should I use hard refresh option?

Sometimes when a change is made to a website, it doesn’t appear immediately. A hard reload will make things okay. However, if you wish to reload a web page completely, the option to clear the cache and reload the page from the scratch should be used.

Did you find this article interesting? Don’t forget to drop your feedback in the comments section below.

authorarticle: Master3395

image: 

keywords: Google, Chrome, Refresh, Cache

Sponsored Ads:

Sponsored Ads: