如何在IIS7.0以上的版本上設定浏覽器緩存

要緩存的靜态内容包括圖檔、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年了

設定好的檔案如下