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