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

We’re currently booked and will be ready for new projects in early March 2023.

Questions? Call 254.340.0086 or send an email to [email protected].

Elodin Design

WordPress Design & Development

  • About
    • About Jon
    • Why ‘Elodin Design’
  • 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.

                This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
                Privacy & Cookies Policy

                Privacy Overview

                This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
                Necessary
                Always Enabled
                Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
                Non-necessary
                Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
                SAVE & ACCEPT