Unspun Digital Logo
How to do a hard reload

How to do a hard reload

What is browser caching?

Occasionally, when we've done web development work for clients, we'll make updates to their website and despite us putting things in place to prevent it, they don't always see the latest changes immediately. One of the reasons for this is because their browser is using outdated cached files to load the site.

Web developers work with lots of files when building websites and some of these files need to be downloaded when you visit the website for it to load into your browser.

When you visit a website for the first time, your browser will store certain files, such as images, css and javascript, in its memory. This is called caching, and it happens for a few reasons. To make the website load faster, and prevent you from having to download the files, every time you visit that website. It saves you time and data, and results in an improved user experience. 

Caching is amazing, and really useful, but sometimes we need to bust that cache and get the latest files. Fortunately, there is a really easy way to do this, and that's to tell our browser to perform a hard reload.

What is a hard reload?

A hard reload, often referred to as a hard refresh or forced reload is an operation telling your internet browser to download the latest files for a website design to look and function like it's expected to. It will remove any previously downloaded files and load the page again, as if you're visiting for the first time.

How do I do a hard reload?

There are a few ways to do hard reloads, and it depends on which browser and operating system you're using. Below we'll describe how to do a hard reload in the most popular browsers and operating systems.

Google Chrome

Windows

  • Hold Control and click the reload button
  • Hold Control and press F5
  • With developer tools open (F12).  Right click the Reload button and choose Hard Reload


MacOS

  • Hold Shift and click the Reload button
  • Hold down Command and Shift, then press R

Firefox

Windows

  • Hold Control and Shift, then press R
  • Hold Control and press F5


MacOS

  • Hold Command and Shift, then press R
  • Hold Shift and click Reload button

Microsoft Edge

Windows

  • Hold Control and click the Refresh button
  • Hold Control and press F5

Safari

MacOS

  • Hold Option and Command, then Press E

Download

Click here to download a ready to print PDF of all the options above so you can easily refer to it when you need to reload your browser's cache. (Opens in a new tab)

The Unspun spinner

"I had the pleasure of working with Ed recently on a branding / graphic design project, which was not only executed ahead of the deadline, but also to an exceptional level of detail."

Diana

Unspun Digital logo