Browser cache for static contents
<p>I am trying to update the configuration which effects the browser caching settings for static resources (js, css, images).</p>

<p>I have Sitecore CMS site and images uploaded in CMS, these images are cached in browser (status code = 200 (from cache), when i observed the network in Chrome browser), but my other resources like js and css which served from Website folder are not cached in browser, and the status code is 304 (which is server cache and there is a round trip required to check for any update.)</p>

<p>I have below config settings in web.config file:</p>

<hr>

<pre><code>    &lt;caching&gt;
        &lt;profiles&gt;
            &lt;add extension=".jpeg" policy="CacheUntilChange" kernelCachePolicy="DontCache" /&gt;
            &lt;add extension=".js" policy="CacheUntilChange" kernelCachePolicy="DontCache" /&gt;
            &lt;add extension=".png" policy="CacheUntilChange" kernelCachePolicy="DontCache" /&gt;
            &lt;add extension=".jpg" policy="CacheUntilChange" kernelCachePolicy="DontCache" /&gt;
            &lt;add extension=".css" policy="CacheUntilChange" kernelCachePolicy="DontCache" /&gt;
            &lt;add extension=".json" policy="CacheUntilChange" kernelCachePolicy="CacheUntilChange" duration="00:00:30" /&gt;
        &lt;/profiles&gt;
    &lt;/caching&gt;
    &lt;staticContent&gt;
        &lt;remove fileExtension=".woff2" /&gt;
        &lt;mimeMap fileExtension=".json" mimeType="application/json" /&gt;
        &lt;mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" /&gt;
        &lt;clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="30.00:00:00" /&gt;
    &lt;/staticContent&gt;
</code></pre>

<hr>

<p>Now if i remove the caching-profiles entry, then the resources are cached in browser, i can see all the css, js status code as 200 (from cache) for the subsequent request.</p>

<p>My question here is, what is the difference here, why browser cache didn't worked even there is a <strong>staticContent</strong> settings are added. What is the impact if I remove the existing <strong>caching-profiles</strong> settings (will it impacts server cache?).</p>

<p>I saw some other <a href="https://stackoverflow.com/questions/24078343/enable-browser-caching-for-static-resources">links</a>, which explains static cache settings, but i want to know the impact with the changes i did (removed caching-profiles)</p>

<p>Please let me know your inputs.</p>

<p>Below are the Response header details:
With <strong>caching-profiles</strong>:</p>

<p><a href="https://i.stack.imgur.com/Daf1O.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Daf1O.jpg" alt="enter image description here"></a></p>

<p>Without <strong>caching-profiles</strong>:</p>

<p><a href="https://i.stack.imgur.com/mQD5a.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mQD5a.jpg" alt="enter image description here"></a>
Thanks,
Sharath</p>