What Is a Browser Cache? [FAQs]

Juan Toro
Juan Toro

Updated:

Published:

So you've just finished redesigning your website. You're excited, it looks great, and you're patting yourself on the back. Before you start parading around this new great design like a kid showing off their new toy, you want to give it a whirl and see how it all looks from a visitor’s perspective.

clearing browser cache during a web design

And there lies your first problem: For some reason you can’t comprehend, your web browser is still showing the previous version of your site. What the heck's going on here?

This is when your browser cache comes into play.

Speed Up Your Website with HubSpot's Built-In CDN

We've all heard this term before... but do we really know what it is? I’m willing to bet the majority of us have thought about our browser cache as some magical place that we have to go to and clear every so often so our site and others render as they should.

Show of hands? Yep — that's what I thought.

Below, you'll find a simple description detailing the ins and outs of browser cache that should clear up any misconceptions or questions about it you may have.

The Basics of Browser Cache

A web browser — such as Google Chrome, Mozilla Firefox, or Internet Explorer — is a software application that we use to fetch and see information living on the internet. In other words, a browser looks, finds, and presents to us websites and/or other pieces of information we look for via URLs.

A browser’s cache is its appliance or instrument through which it saves data, such as images and HTML, needed to see a website. The intent behind saving such data is to help with bandwidth.

So, the next time you go back to see a page, it takes less time to load as a cached version of the page has already been saved. In other words, because you have a cached version of a page, your browser will not need to send a new request to see that page.

How Browser Cache Relates to Cookies

Some of you may be wondering, "How does all this impact tracking cookies?" Let me explain.

Browser cache saves data like images and HTML, which are needed to see websites, right? Well, cookies are smaller pieces of data, such as names and email addresses, a website saves to your computer. This comes in handy because this is how a website knows who you are next time you visit.

Ever wondered how a website greets you by name? Yup, that's cookies. A website picks up on the cookie it previously placed on your computer — therefore, it recognizes you.

The important thing to know is how a browser cache and cookies together can affect your work as it pertains to updating pages on your site, testing forms, and appropriately rendering pages. This is an easy variable to understand and usually one of the first ones to troubleshoot, as it can — in the vast majority of instances — resolve the issue(s) you're experiencing with your site.

How strong is your website? Grade it using HubSpot's free Website Grader.

How to Clear Browser Cache

In order to eliminate browser cache as the culprit, you’ll need to clear it. The steps for clearing your browser cache will depend on the device and browser you're using. Different browsers have different interfaces for accessing these settings. 

Here are the steps for the most common desktop browsers: 

Chrome

  1. Open Chrome. 
  2. At the top right, click the three vertical dots. 
  3. Click More Tools. 
  4. Select Clear browsing data. 
  5. Choose your time range for deletion. 
  6. Check the boxes next to "Cookies and other site data" and "Cached images and files." 
  7. Click Clear data. 

 

Internet Explorer

  1. Open Internet Explorer.
  2. Click on the cog symbol in the upper right corner of the browser. 
  3. Choose the Safety submenu. 
  4. Select Delete Browsing History. 
  5. Check the boxes next to "Temporary Internet files and website files," "Cookies and website data," and "History."
  6. Click Delete.

 

Safari

  1. Open Safari. 
  2. Choose the Safari menu in the top left. 
  3. Select Preferences. 
  4. In the pop-up menu, click the Advanced tab. 
  5. At the bottom of the window, check the box "Show Develop menu in menu bar." 
  6. This will add a Develop menu to your bar. Click that. 
  7. Select Empty Caches.
  8. You can also delete your browsing history by selecting the History tab. 
  9. Click Clear History. 
  10. Choose your time frame and select Clear History.

 

Firefox

  1. Open Firefox. 
  2. Click the hamburger menu (three stacked horizontal lines) in the top right corner. 
  3. Click Options. 
  4. Select the Privacy & Security panel. 
  5. In the Cookies and Site Data section, click Clear Data. 
  6. Check the boxes next to "Cookies and Site Data" and "Cached Web Content." 
  7. Click Clear. 

 

Microsoft Edge

  1. Open Microsoft Edge. 
  2. At the top right, click the three horizontal dots. 
  3. Select History. 
  4. Click "Clear history" at the top of the new menu. 
  5. Check the boxes next to "Browsing history," "Cookies and saved website data," "Cached data and files," and "Tabs I've set aside or recently closed."
  6. Click Clear.

As you might agree, any good marketer is active and well-informed, and having basic knowledge on some of these topics, including HTML and CSS, can go a long way with impressing your colleagues or with a simple breakthrough in one of your projects.

After all, our inbound marketing world can be competitive, and these small nuggets of knowledge can make you more efficient, effective, and ahead of the curve.

New Call-to-action

Related Articles

Speed Up Your Website with HubSpot's Built-In CDN

GET HUBSPOT'S BUILT-IN CDN

Marketing software that helps you drive revenue, save time and resources, and measure and optimize your investments — all on one easy-to-use platform

START FREE OR GET A DEMO