程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET性能優化之讓浏覽器緩存動態網頁的方法

ASP.NET性能優化之讓浏覽器緩存動態網頁的方法

編輯：ASP.NET基礎

OutputCache是針對所有訪問服務器資源的用戶，本篇要介紹的浏覽器緩存則是針對單個用戶，讓浏覽器在我們的控制下徹底不持續訪問服務器上的動態內容，也就是我們要讓浏覽器變成我們的緩存機制中的一部分，在某些特定的場景下最大化地提升ASP.NET站點的性能。如果說OutputCache是從廣度上提升並發效率，則浏覽器緩存是從深度上提升效率。

一：HTTP頭簡介

1.1浏覽器第一次請求

假設我們請求一個URL地址，譬如我服務器上的一個靜態頁面http://192.168.0.77/luminji2/html/test1.htm，會返回如下的HTTP頭信息：

HTTP頭信息中每個參數的含義這裡暫且不表，我們關注和本文論述相關的3個信息：

首先，響應狀態200OK，即表示從服務器上抓取數據成功。

其次，Last-Modified：Fri, 09 Sep 2011 02:56:45 GMT

這是WEB服務器在告訴浏覽器，我這個文件的最後修改日期是Fri, 09 Sep 2011 02:56:45 GMT。必須要說明的是，它是GMT時間，也就是格林威治時間，一般中國境內使用的是GMT+8時區（要看系統的區域設置而定）。

最後就是Etag，WEB服務器當前響應的這個對象的標志值，就一個對象而言，比如一個 html 文件，如果被修改了，其 Etag 也會別修改。

1.2什麼是浏覽器緩存

我使用的是FireFox，在地址欄內敲入about:cache?device=disk，我們就會看到被浏覽器緩存起來的上面這個HTML頁面，如下：

（注意，這裡的Last Modified和Http頭中的Last-Modified沒有任何關系）。

每種浏覽器都會有自己的緩存機制，但是都差不多，這裡暫且不表。

1.3如何命中緩存

再次請求剛才的URL，我們得到頭信息如下：

可以看到狀態變為304 Not Modified了，這相當於是WEB服務器告訴浏覽器，請用自己的緩存，不要到我這裡來下載正文內容。那麼，WEB服務器是根據什麼來決定這樣告訴浏覽器呢？

這裡，我們就需要請求頭信息中的If-Modified-Since。請求頭是浏覽器發送給WEB服務器的，一旦包含這個參數，就是浏覽器跟WEB服務器說：請查看自從Fri, 09 Sep 2011 02:56:45 GMT一來，你的內容變動過沒。WEB服務器就會根據這個來判斷，如果沒有變動過，就會給浏覽器返回304 Not Modified，就像本例。這樣子，浏覽器就會去本地拿正文數據，減少了網絡流量。

If-None-Match就是Etag判斷模式，跟Last-Modified其實完成的目的是一致的，這裡暫且不表。

假設我們修改了文件test1.htm，試想會是什麼結果，肯定是200OK。浏覽器和WEB服務器之間就是通過這種機制來完成靜態網頁的緩存。

二：asp.net的浏覽器緩存實現

上面我們說的是靜態頁面的情況，那麼aspx頁面，也就是動態頁面會是怎麼樣一種情況？現在，我們創建一個動態網頁來看一看。先來創建一個最簡單的aspx，如下：
復制代碼代碼如下:
<body>
<%=DateTime.Now %>
</body>

請求一下，得到的頭信息如下：

然後再多次請求一下，我們發現每次都是200OK，並且我們發現頭信息中丟了一個很重要的信息，那就是Last-Modified。服務器沒有告訴浏覽器自己的對象的最後修改日期，那麼浏覽器就只好每次去服務器重新獲取全部數據了。看到這裡，我們應該明白了，要讓浏覽器不去拿數據，動態程序就得想法設法自己添加這個頭信息。

好的，現在我們就在ASPX的後台代碼中這樣來實現一個最簡單的頭信息添加：
復制代碼代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
this.Response.AddHeader("Last-Modified", DateTime.Now.ToString("U", DateTimeFormatInfo.InvariantInfo));
}

添加了頭信息後，我們發現再次請求URL後，頭信息變為如下：

可以欣喜滴看到，響應頭中包含了Last-Modified，而請求頭中則包含了If-Modified-Since。

當然，我們仍舊發現，每次請求還是200OK。這是當然了，既然頭信息都是ASP.NET在後台添加的，那麼我們要返回什麼樣的響應狀態給服務器這段邏輯也得由自己來寫。現在，我們假設我們要讓浏覽器緩存10秒的時長，其完整的代碼應該如下：
復制代碼代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
this.Response.AddHeader("Last-Modified", DateTime.Now.ToString("U", DateTimeFormatInfo.InvariantInfo));
DateTime IfModifiedSince;
if (DateTime.TryParse(this.Request.Headers.Get("If-Modified-Since"), out IfModifiedSince))
{
if ((DateTime.Now - IfModifiedSince.AddHours(8)).Seconds < 10)
{
Response.Status = "304 Not Modified";
Response.StatusCode = 304;
return;
}
}
//其它
}