title: Cached resource blocking network stack
body: <p>I'm caching some js resources in my website such as the file <code>require.js</code>, but it seems that it's almost worthless since the browser goes to the server to ask whether the resource changed or not anyway:</p>
  
  <p><img src="https://i.stack.imgur.com/wbsSP.png" alt="enter image description here"></p>
  
  <p>On that picture I grabbed from Chrome network analyzer you can see the resource didn't change (304) so it's not transfered, however the browser was waiting for that http response anyway. Since my server is very far from my workstation, the 220ms correspond to my average ping to it.</p>
  
  <p>How can I improve this? Is there a way to tell the browser to always assume the NOT MODIFIED status and not go check the server?</p>
  
  <p>Thank you</p>
  
  <hr>
  
  <p><strong>Answers to comments</strong></p>
  
  <p>Caching header:</p>
  
  <p>I've got an htaccess some levels above that directory containing the following info:</p>
  
  <pre><code>&lt;IfModule mod_expires.c&gt;
      ExpiresActive On
      &lt;FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"&gt;
          ExpiresDefault "access plus 1 week"
      &lt;/FilesMatch&gt;
  &lt;/IfModule&gt;
  </code></pre>
  
  <p>My php page itself contains</p>
  
  <pre><code>&lt;meta HTTP-EQUIV="cache-control" CONTENT="NO-CACHE"&gt;
  </code></pre>
  
  <p>which I suddenly hope that it ONLY affects the php file, not its children...</p>