緩存放在哪里？
瀏覽器一般會在用戶的文件系統(tǒng)中創(chuàng)建一個目錄，用于存放緩存文件，并給每個緩存文件打上一些必要的標(biāo)記，比如過期時間等。不同的瀏覽器采用不同的方式來存儲緩存。
瀏覽器緩存的優(yōu)點(diǎn)？
減少了冗余的數(shù)據(jù)傳輸
減少了服務(wù)器的負(fù)擔(dān)，大大提升了網(wǎng)站的性能
加快了客戶端加載網(wǎng)頁的速度
瀏覽器的緩存類型？
HTTP緩存可以分為強(qiáng)緩存和協(xié)商緩存:
強(qiáng)緩存：強(qiáng)緩存命中不會發(fā)送請求到服務(wù)器端，直接從本地緩存中獲取資源，狀態(tài)碼 200 ( from cache )
協(xié)商緩存：協(xié)商緩存會發(fā)送請求到服務(wù)器，服務(wù)器通過請求頭部字段來驗(yàn)證資源是否命中協(xié)商緩存，如果命中，則返回狀態(tài)碼 304 ( not modified )，通知瀏覽器從緩存中獲取資源。
注意： 瀏覽器緩存一般是基于GET類型的請求，POST的請求一般不啟用本地緩存
什么是緩存協(xié)商？
對于瀏覽器緩存，緩存內(nèi)容存儲在瀏覽器本地，而內(nèi)容由Web服務(wù)器生成，任何一方都不可能獨(dú)立完成這一系列過程，所以它們之間需要有一種溝通機(jī)制，這就是HTTP中的緩存協(xié)商。
當(dāng)瀏覽器向Web服務(wù)器請求一些內(nèi)容時，Web服務(wù)器需要告訴瀏覽器哪些內(nèi)容可以被緩存，瀏覽器知道后就可以在下一次需要請求該內(nèi)容時詢問服務(wù)器是否可以使用本地緩存，服務(wù)器收到瀏覽器的詢問后會回應(yīng)瀏覽器是否允許瀏覽器使用本地緩存，不允許則將最新內(nèi)容傳回給瀏覽器。
總結(jié)來說，協(xié)商緩存主要有兩種情況：
協(xié)商緩存生效，返回304
協(xié)商緩存失效，返回200和請求結(jié)果結(jié)果
什么是強(qiáng)制緩存？
強(qiáng)制緩存就是向?yàn)g覽器緩存查找該請求結(jié)果，并根據(jù)該結(jié)果的緩存規(guī)則來決定是否使用該緩存結(jié)果的過程，強(qiáng)制緩存的情況主要有三種，如下：
不存在該緩存結(jié)果和緩存標(biāo)識，強(qiáng)制緩存失效，則直接向服務(wù)器發(fā)起請求（跟第一次發(fā)起請求一致）
存在該緩存結(jié)果和緩存標(biāo)識，但該結(jié)果已失效，強(qiáng)制緩存失效，則使用協(xié)商緩存
存在該緩存結(jié)果和緩存標(biāo)識，且該結(jié)果尚未失效，強(qiáng)制緩存生效，直接返回該結(jié)果
瀏覽器緩存相關(guān)標(biāo)識符
與瀏覽器緩存的字段有如下幾種：
Cache-Control （指定緩存機(jī)制,覆蓋其它設(shè)置）
Pragma （http1.0字段,指定緩存機(jī)制， 功能和 Cache-Control:no-cache 一樣）
Expires （http1.0字段,指定緩存的過期時間， 到了HTTP/1.1，Expire已經(jīng)被Cache-Control替代）
Last-Modified （資源最后一次的修改時間）
ETag （唯一標(biāo)識請求資源的字符串）
If-Modified-Since （緩存校驗(yàn)字段, 值為資源最后一次的修改時間, 即上次收到的Last-Modified值）
If-Unmodified-Since （同上, 處理方式與之相反）
If-Match （緩存校驗(yàn)字段, 值為唯一標(biāo)識請求資源的字符串, 即上次收到的ETag值）
If-None-Match （同上, 處理方式與之相反）
下面來看一下這些字段：
Expires與Cache-Control
Expires和Cache-Control就是服務(wù)端用來約定和客戶端的有效時間的。
控制強(qiáng)制緩存的字段分別是Expires和Cache-Control，其中Cache-Control優(yōu)先級比Expires高。同時存在時，只有Cache-Control生效。
在HTTP/1.1中，Cache-Control是最重要的規(guī)則，主要用于控制網(wǎng)頁緩存，主要取值為：
public：所有內(nèi)容都將被緩存（客戶端和代理服務(wù)器都可緩存）
private：所有內(nèi)容只有客戶端可以緩存，Cache-Control的默認(rèn)取值
no-cache：客戶端緩存內(nèi)容，但是是否使用緩存則需要經(jīng)過協(xié)商緩存來驗(yàn)證決定
no-store：所有內(nèi)容都不會被緩存，即不使用強(qiáng)制緩存，也不使用協(xié)商緩存
max-age=xxx (xxx is numeric)：緩存內(nèi)容將在xxx秒后失效
如何在瀏覽器中判斷強(qiáng)制緩存是否生效？
打開控制臺的network，其中狀態(tài)碼為灰色的請求則代表使用了強(qiáng)制緩存，請求對應(yīng)的Size值則代表該緩存存放的位置，分別為from memory cache 和 from disk cache。
from memory cache代表使用內(nèi)存中的緩存，from disk cache則代表使用的是硬盤中的緩存，瀏覽器讀取緩存的順序?yàn)閙emory –> disk。
Last-Modified / If-Modified-Since和Etag / If-None-Match
控制協(xié)商緩存的字段分別有：Last-Modified / If-Modified-Since和Etag / If-None-Match，其中Etag / If-None-Match的優(yōu)先級比Last-Modified / If-Modified-Since高。
Last-Modified是服務(wù)器響應(yīng)請求時，返回該資源文件在服務(wù)器最后被修改的時間,
If-Modified-Since則是客戶端再次發(fā)起該請求時，攜帶上次請求返回的Last-Modified值，通過此字段值告訴服務(wù)器該資源上次請求返回的最后被修改時間。服務(wù)器收到該請求，根據(jù)If-Modified-Since的字段值與該資源在服務(wù)器的最后被修改時間做對比，若服務(wù)器的資源最后被修改時間大于If-Modified-Since的字段值，則重新返回資源，狀態(tài)碼為200；否則則返回304，代表資源無更新，可繼續(xù)使用緩存文件。
Etag是服務(wù)器響應(yīng)請求時，返回當(dāng)前資源文件的一個唯一標(biāo)識(由服務(wù)器生成)，If-None-Match是客戶端再次發(fā)起該請求時，攜帶上次請求返回的唯一標(biāo)識Etag值，通過此字段值告訴服務(wù)器該資源上次請求返回的唯一標(biāo)識值。服務(wù)器收到該請求后，發(fā)現(xiàn)該請求頭中含有If-None-Match，則會根據(jù)If-None-Match的字段值與該資源在服務(wù)器的Etag值做對比，一致則返回304，代表資源無更新，繼續(xù)使用緩存文件；不一致則重新返回資源文件，狀態(tài)碼為200，
應(yīng)用場景
- 頻繁變動的資源
對于頻繁變動的資源，首先需要使用Cache-Control: no-cache 使瀏覽器每次都請求服務(wù)器，然后配合 ETag 或者 Last-Modified 來驗(yàn)證資源是否有效。這樣的做法雖然不能節(jié)省請求數(shù)量，但是能顯著減少響應(yīng)數(shù)據(jù)大小。 - 不常變化的資源
通常在處理這類資源時，給它們的 Cache-Control 配置一個很大的 max-age=31536000 (一年)，這樣瀏覽器之后請求相同的 URL 會命中強(qiáng)制緩存。
