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

WPbasics - A beginner's resource for WordPress

  • Blog
    • Tutorials
    • Articles
    • Showcase
    • Themes
    • Plugins
  • Recommended Hosts
  • About
  • Contact Us
how to disable the cache in Chrome while developing

How to disable the cache in Chrome while developing

Last updated on July 10, 2019 4 Comments

I normally use Chrome when I develop websites and was about to switch browsers until I learned how to disable the cache in Chrome while developing.

I was so close to switching browsers that I actually wrote a small rant about it here.

Since finding this little trick, Chrome and I are friends again 🙂

There are ways to manually clear your cache, but I do not necessarily want to do that.  I usually just want to disable it while I develop.  This tutorial shows you how to do just that.

In order to disable the cache while developing, just follow the three easy steps below and you will avoid the headaches that I was having.

How to disable the cache in Chrome while developing


Step 1

While using Chrome to view the website you want to edit, right click anywhere on the page and select “Inspect”.

inspect

A window that looks like the image below will appear.  By default, the “Elements” section is selected.

Elements Window


Step 2

The fourth tab (heading) from the left, on the newly opened window is “Network”.  Go ahead and select “Network”.

Your web-page should now look something like the image below.

Network Window


Step 3

The final step is to click on the check box next to “Disable cache”.  Your web-page should now look like the image below.

Disable Cache Window

That’s it folks, that’s all there is to it.  From here forward, when you are developing, just open the developer tools by right clicking and selecting “Inspect”.  The cache for Chrome will be disabled.

I normally keep the developer tools open while I develop so this works great for me.

Did this save your sanity? Leave a comment below and tell me about it.

Tagged With: Cache, Google Chrome

Reader Interactions

Comments

  1. Amy says

    May 3, 2018 at 1:44 pm

    YAY! You are my hero of the day!

    That was driving me nuts too and stressing my mouse click finger 🙂 Thank you so much for that USEFUL tip!! It was becoming just such a habit for me to actually clear it out every few times, that I didn’t even notice how much longer it was taking me to make an an update!

    Reply
    • WPbasics says

      May 4, 2018 at 2:51 pm

      I’m glad to hear that it helped you. Sometimes it’s the little things that make the difference.

  2. Michael Wright says

    March 4, 2019 at 12:08 pm

    Another great tip – THANKS!

    Reply
  3. Haters says

    November 27, 2019 at 9:34 am

    Anything that still works after the dev tools are closed?

    Reply

Leave a Reply Cancel reply

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

Primary Sidebar

Search this site

Popular Posts

  • How to copy a live WordPress site to a local host | Duplicator
  • How to add a jQuery UI Accordion to WordPress
  • How to copy a live WordPress site to a localhost
  • How to Use FileZilla | FTP Client
  • How to Create a Localhost with local by Flywheel

Recent Posts

  • How to Install a MailChimp Popup in WordPress
  • Googles reCaptcha slow mobile site
  • Check if your site is indexed by Search Engines
  • ACF Blocks | Gutenberg
  • ACF Blocks for Gutenberg | Introducing ACF 5.8
SEE MORE POSTS

Footer

Site Links

  • Affiliate Disclosure

Contact

  • Email
  • Twitter
  • Facebook

About WPbasics

WPbasics was created to assist WordPress Beginners. This site provides tutorial, reviews, and access to deals on products used by WordPress users.

Copyright © 2022 · WPbasics ·

Enter your name and email and get the weekly newsletter... it's FREE!
Signup today and be the first to get notified on new updates
Your information will *never* be shared or sold to a 3rd party.