要缓存的静态内容包括图片、html、js、CSS文件,缓存这些文件可明显的提高页面的加载速度。在 (Asp.NET / IIS7)中开启浏览器缓存,我们在 web.config 里简单的配置下即可完成,方法为在 system.webServer 节点下添加配置,如下:
<code style="margin: 0px; padding: 0px; font-family: 'Courier New'; line-height: 1.8; font-size: 16px;"><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"><staticContent></span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"><clientCache</span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="atn" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);">cacheControlMaxAge</span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="pun" style="margin: 0px; padding: 0px; color: rgb(238, 238, 238);">=</span><span class="atv" style="margin: 0px; padding: 0px; color: rgb(142, 156, 92);">"168.00:00:00"</span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="atn" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);">cacheControlMode</span><span class="pun" style="margin: 0px; padding: 0px; color: rgb(238, 238, 238);">=</span><span class="atv" style="margin: 0px; padding: 0px; color: rgb(142, 156, 92);">"UseMaxAge"</span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);">/></span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"></staticContent></span></code>以上配置即可缓存静态文件1周,我们也可指定缓存的过期时间,如下:
<code style="margin: 0px; padding: 0px; font-family: 'Courier New'; line-height: 1.8; font-size: 16px;"><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"><staticContent></span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"><clientCache</span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="atn" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);">httpExpires</span><span class="pun" style="margin: 0px; padding: 0px; color: rgb(238, 238, 238);">=</span><span class="atv" style="margin: 0px; padding: 0px; color: rgb(142, 156, 92);">"Sun, 29 Mar 2020 00:00:00 GMT"</span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="atn" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);">cacheControlMode</span><span class="pun" style="margin: 0px; padding: 0px; color: rgb(238, 238, 238);">=</span><span class="atv" style="margin: 0px; padding: 0px; color: rgb(142, 156, 92);">"UseExpires"</span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);">/></span><span class="pln" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"> </span><span class="tag" style="margin: 0px; padding: 0px; color: rgb(223, 196, 132);"></staticContent></span></code>这样将缓存过期时间设置为2020年了
设置好的文件如下