• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

We’ll become available for new work in early October 2023.

Questions? Call 254.340.0086 or send an email to jon@elod.in.

Elodin Design

WordPress Design & Development

  • About
  • Websites
  • Services
  • Process
  • Blog
  • Repos
  • Contact

How to do a hard refresh in every browser

January 24, 2019 by Jon Schroeder 4 Comments

This is a common task during the development process – it’s important to be able to know how to do a hard refresh. The good news? It’s very easy. The bad news? Every browser is a little bit different.

Table of contents

  • What is a hard refresh?
    • How to do a hard refresh in Google Chrome
      • Chrome for Windows
        • Chrome for Mac
        • How to do a hard refresh in Mozilla Firefox
          • Firefox for Windows
            • Firefox for Mac
            • How to do a hard refresh in Safari
              • How to do a hard refresh in Internet Explorer or Edge

                What is a hard refresh?

                Basically, when you visit a website, your computer downloads a bunch of files that comprise the page, and temporarily saves those. These can be image files, css files, javascript files, etc. The reason your computer temporarily saves them is that when you load the same page again (or another page that uses one of those same files), then that file can be loaded from local memory rather than downloading it again, which is much faster.

                But this can cause problems – for example, if your web developer has just made some changes to files, and your machine has those same files cached, then you might not be able to see those changes (we take some steps to avoid this, but it comes up regularly).

                Please do note that there are multiple layers of caching, and this can help with some of them, but not all of them:

                • Browser caching (that’s this one!)
                • DNS caching: that’s the cache that affects what server you connect to when you’re looking for a website. A hard refresh won’t help with this one.
                • Server-side caching: we do a lot of this as well – it’s combining and compressing files, allowing for your users to have to download a smaller number of files to see your website. There’s more to it than this, but the point here is that a hard refresh won’t show you new files if the server has the old files cached. So often when we’re pushing updates, we’ll clear that server-side cache as well, and then a hard refresh will help you see the most up-to-date version of the site.

                How to do a hard refresh in Google Chrome

                Chrome for Windows

                First, go to the page you want to refresh. Then:

                • Hold down CTRL and press F5.
                • Or hold down Ctrl and click the reload button in your browser.

                Chrome for Mac

                First, go to the page you want to refresh. Then:

                • With the page loaded, push the CMD and SHIFT and R keys together
                • Or hold down CMD, then click the reload button in your browser

                How to do a hard refresh in Mozilla Firefox

                Firefox for Windows

                First, go to the page you want to refresh. Then:

                • Hold down CTRL and press F5
                • Or hold down CTRL and SHIFT, then press R

                Firefox for Mac

                First, go to the page you want to refresh. Then:

                • Hold down the CTRL key, then press F5
                • Or hold down the CMD and SHIFT keys, then press R.

                How to do a hard refresh in Safari

                First, go to the page you want to refresh. Then:

                1. Hold the OPTION and CMD keys, then push E to empty the cache
                2. Then, after you’ve emptied the cache, push the refresh button in your browser or use the CMD + R key combination to refresh the browser

                How to do a hard refresh in Internet Explorer or Edge

                Please note that I’d never recommend that anyone use Internet Explorer or Edge. I’d highly recommend switching to Chrome. However, if you must, then go to the page you’d like to reload, then…

                • Hold down the CTRL key, then press F5
                • Or hold down the CTRL key and click the reload button in your browser

                Reader Interactions

                Leave a Reply Cancel reply

                Your email address will not be published. Required fields are marked *

                Primary Sidebar

                About the blog

                I’ve always been exceptionally bad at actually sitting down and writing blog entries, so do me a favor – please feel free to comment or drop me a line if you have something you’d like me to write about (or just to say hello).

                Browse by category

                • Advanced Custom Fields
                • Gutenberg
                • Perspective
                • Tutorials & how-to guides
                • Updates

                Centered and full-justified text on the internet

                How to add contextual styling in the Gutenberg editor

                User interface is really important

                How to connect Gravity Forms with Salesforce web-to-lead using Gravity Forms’ Webhooks addon

                Reviewing SpinupWP and why I closed my account

                Ready to get started?

                There’s no pressure. If you’re interested in building a site, please feel free to reach out – and I’ll talk through your project with you and give you some pointers even if we don’t end up working together.

                Reach out

                Elodin Design, Inc. (formerly Red Blue Concepts)
                Website design & development · Custom WordPress theme and plugin development
                3305 Fox Hollow Circle, Waco, TX 76708 · (254) 340-0086
                Copyright © 2023 · All rights reserved.