利用瀏覽器緩存，可以使得頁面加載速度提高，也減輕服務端壓力。有幾個比較重要點如下：
1. 瀏覽器是如何判斷緩存是否過期？
2. 服務端如何判斷緩存已失效？
3. 為什么有了Last-Modified還要Etag？
4. 200 OK( from cache )和 304 Not Modified的區別？
下面是我總結的頁面利用瀏覽器緩存的過程（圖示）：
瀏覽器是如何判斷緩存是否過期？
應該是根據Response Header里面的Cache-Control和Expires這兩個屬性，當兩個都存在時，Cache-Control優先級較高。
Cache-Control
該字段用於控制瀏覽器在什么情況下直接使用本地緩存而不向服務器發送請求。一般具有以下值：
Public：指示響應可被任何緩存區緩存。
Private：指示對於單個用戶的整個或部分響應消息，不能被共享緩存處理。這允許服務器僅僅描述當用戶的部分響應消息，此響應消息對於其他用戶的請求無效。
no-cache：指示請求或響應消息不能緩存。
no-store：用於防止重要的信息被無意的發布。在請求消息中發送將使得請求和響應消息都不使用緩存。
max-age：指示瀏覽器可以接收生存期不大於指定時間（以秒為單位）的響應。
min-fresh：指示瀏覽器可以接收響應時間小於當前時間加上指定時間的響應。
max-stale：指示瀏覽器可以接收超出超時期間的響應消息。如果指定max-stale消息的值，那么瀏覽器可以接收超出超時期指定值之內的響應消息。
PS：其實主要關注max-age這個值就行了。
Expires
Expires 頭部字段提供一個日期和時間，在該日期前的所有對該資源的請求都會直接使用瀏覽器緩存而不用向服務器請求。
例如：
Expires: Sun, 08 Nov 2009 03:37:26 GMT
注意：
1. cache-control max-age 和 max-stale將覆蓋Expires header。
2. 使用Expires存在服務器端時間和瀏覽器時間不一致的問題。
3. 另外有人說Expires 是HTTP 1.0的東西，現在默認瀏覽器均默認使用HTTP 1.1，所以它的作用基本忽略（暫不明了）。
服務端如何判斷緩存已失效？
服務端通過If-Modified-Since（Last-Modified）和If-None-Match（Etag）這兩個屬性的值來判斷緩存是否失效的。
Last-Modified/If-Modified-Since
Last-Modified/If-Modified-Since要配合Cache-Control使用。
Last-Modified：響應資源的最后修改時間。
If-Modified-Since：當緩存過期時，發現資源具有Last-Modified聲明，則在請求頭帶上If-Modified-Since（值就是Last-Modified）。服務器收到請求后發現有頭If-Modified-Since則與被請求資源的最后修改時間進行比對。若最后修改時間較新，說明資源又被改動過，則響應HTTP 200整片資源內容（寫在響應消息包體內）;若最后修改時間較舊，說明資源無新修改，則響應HTTP 304，告知瀏覽器繼續使用所保存的cache。
Etag/If-None-Match
Etag/If-None-Match也要配合Cache-Control使用。
Etag：資源在服務器的唯一標識（生成規則由服務器決定）。Apache中，ETag的值，默認是對文件的索引節（INode），大小（Size）和最后修改時間（MTime）進行Hash后得到的。
If-None-Match：當緩存過期時，發現資源具有Etage聲明，則在請求頭帶上If-None-Match（值就是Etag）。服務器收到請求后發現有頭If-None-Match 則與被請求資源的相應校驗串進行比對，決定返回200或304。
為什么有了Last-Modified還要Etag？
Etag的出現主要是為了解決幾個Last-Modified比較難解決的問題：
1. Last-Modified標注的最后修改只能精確到秒級，如果某些文件在1秒鍾以內，被修改多次的話，它將不能准確標注文件的修改時間。
2. 如果某些文件會被定期生成，當有時內容並沒有任何變化，但Last-Modified卻改變了，導致文件沒法使用緩存。
3. 有可能存在服務器沒有准確獲取文件修改時間，或者與代理服務器時間不一致等情形。
200 OK( from cache )和 304 Not Modified的區別？
200 OK( from cache )不向服務器發送請求，直接使用本地緩存文件。304 Not Modified則向服務器詢問，若服務器認為瀏覽器的緩存版本還可用，那么便會返回304。
200 OK( from cache ) 出現操作：
1.地址欄回車
2.頁面鏈接跳轉
3.前進、后退
304 Not Modified 出現操作：
1.F5刷新
2.新開窗口
PS：但是這樣不是絕對，還是會有奇怪的情況，例如百度首頁無論是怎么刷，都是200 from cache。
總結
在寫完這篇文章時候，有些地方我還是不大清楚的，就比如為什么百度首頁無論是怎么刷，都是200 from cache。200 from cache和304 Not Modified出現條件並沒有什么定論。
參考文獻
1. 《再記：瀏覽器緩存200（from cache）和304小結》
本文為原創文章，轉載請保留原出處，方便溯源，如有錯誤地方，謝謝指正。