• Main Menu
  • How to Prevent Caching of Your Web Page


    How to Prevent Caching
    The web documents, media and other web resources that are retrieved by a web browser are often saved, or cached, locally on the user’s hard drive.

    Caching reduces load times when a user browses the Internet by reducing the amount of new data that needs to be transferred. The next time the cached media or web resource is requested, the web browser may load the local (cached) file instead of downloading it over the Internet.

    Caching may be desirable for web content that doesn’t change often, but undesirable for documents that are updated frequently with new content and/or information. If content changes frequently, then large amounts of hard drive space are taken up, but web-page loading times are not reduced.

    Browser Side Caching Prevention
    There are several methods to prevent browser caching of your website. For the individual user, the simplest method is to disable caching on the user’s web browser. Listed below is the process to disable broswer caching in most pular web browsers:

    Disable Caching in Internet Explorer

    1. Open Internet Explorer and select the “Tools” pull-down menu
    2. Select “Internet Options”
    3. Select “Temporary Internet Files”
    4. Select “Settings”
    5. Under the heading “Check for newer versions of stored pages”, choose the “Every time I visit the webpage” option.
    6. To restore caching, reverse the above procedure.


    Disable Caching in Firefox

    1. Open Firefox and select the “Tools” pull-down menu.
    2. Select “Options.”
    3. Click the “Network” tab.
    4. Under “Offline Storage” enter a zero (0) in the total amount used in the cache.
    5. To restore caching, reverse the above procedure,increasing the cache value as appropriate.


    Server Side Cache Prevention
    If you’re a web host, and you change your content frequently, you can automatically disable caching for your users.

    Listed below are solutions that use several different server-side methods to disable caching:

    Using Meta-Tags to Prevent Caching

    1. Open your web page’s code.
    2. Enter the following tag into the header:
      1. <meta http-equiv=”Pragma” content=”no-cache”>
        <meta http-equiv=”Expires” content=”-1″>
        <meta http-equiv=”CACHE-CONTROL” content=”NO-CACHE”>
    3. This process will disallow caching.

    Using JavaScript and CSS File Headers

    If browsers are caching these files incorrectly, the HTTP headers that the web server is sending are incorrect and will need to be changed, along with the actual JS and CSS files.  The browser uses HTTP headers for direction on where to cache the file.

    Note, however, that the HTML page using the JS and CSS will not need to be changed.

    Your web server can send these headers (on every JS and CSS file it serves) to tell browsers not to cache them:

    1. In a JQuery window, enter the following script into the file header:
      1. Cache-Control: no-cache.
      2. Pragma: no-cache.
      3. Expires: Sat, 01 Jan 2099 00:00:00 GMT (or the date & time of user’s choice).

    There are several other options available to prevent caching via server-side controls, but the  aforementioned methods are the most common and efficient.

    Users may desire to explore the controls available using Apache Server tools for more advanced methods.

     

    Got Something To Say:

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

    6 comments
    1. Melanie Miguel

      12 September, 2016 at 5:29 pm

      I have a site made using WordPress. It has PDF files that change occasionally. I read that WP does not cache files, but it seems that one of the pdf files was being cached. Will the serverside opti8ons work with the pdf files if I put the code on the pages? Thanks

      Reply
    2. Bob Cummings

      4 May, 2016 at 10:20 am

      I tried it on IE it still keeps saving images in inetcache low IE subfolder found them with ccleaner

      Reply
    3. sumanth pv

      1 November, 2013 at 5:32 pm

      Hello, I used the same code in my HTML code, but it is not working. It is working only for some of the pages, can you tell me are there any other meta http code ? Plzzzz

      Reply
    4. Caroline

      17 April, 2012 at 6:56 am

      THANK YOU!!!!
      I wish I’d found this a year and a half ago!
      I’ve been running a book publishing website and we’re constantly updating the pages and I’m constantly having to tell people “Just hit refresh” – but NO MORE! I just tested the meta tag’s in the new young adult site we’re launching later this month and TA DA! It did EXACTLY what I needed it to!
      Now I just need to go back and add it onto ALL of the original websites pages (yikes!)

      THANK YOU!!!!

      Reply
      • Mitchell

        11 July, 2017 at 7:31 pm

        Can you send me how you implemented this in your code? I am having some trouble.

        Reply
    5. shoesmbt

      1 July, 2011 at 9:25 am

      Good Luck!

      Reply
    Web Publishing
    177 queries in 0.551 seconds.