緩存放在哪里爆袍？
瀏覽器一般會在用戶的文件系統(tǒng)中創(chuàng)建一個目錄屿岂，用于存放緩存文件礼饱，并給每個緩存文件打上一些必要的標記坏为，比如過期時間等。不同的瀏覽器采用不同的方式來存儲緩存镊绪。
瀏覽器緩存的優(yōu)點久脯？
- 減少了冗余的數(shù)據傳輸
- 減少了服務器的負擔，大大提升了網站的性能
- 加快了客戶端加載網頁的速度
瀏覽器的緩存類型镰吆？
HTTP緩存可以分為強緩存和協(xié)商緩存:
- 強緩存：強緩存命中不會發(fā)送請求到服務器端帘撰，直接從本地緩存中獲取資源，狀態(tài)碼 200 ( from cache )
- 協(xié)商緩存：協(xié)商緩存會發(fā)送請求到服務器万皿，服務器通過請求頭部字段來驗證資源是否命中協(xié)商緩存摧找，如果命中，則返回狀態(tài)碼 304 ( not modified )牢硅，通知瀏覽器從緩存中獲取資源蹬耘。
注意： 瀏覽器緩存一般是基于GET類型的請求，POST的請求一般不啟用本地緩存
什么是緩存協(xié)商减余？
對于瀏覽器緩存综苔，緩存內容存儲在瀏覽器本地，而內容由Web服務器生成，任何一方都不可能獨立完成這一系列過程如筛，所以它們之間需要有一種溝通機制堡牡，這就是HTTP中的緩存協(xié)商。
當瀏覽器向Web服務器請求一些內容時杨刨，Web服務器需要告訴瀏覽器哪些內容可以被緩存晤柄，瀏覽器知道后就可以在下一次需要請求該內容時詢問服務器是否可以使用本地緩存，服務器收到瀏覽器的詢問后會回應瀏覽器是否允許瀏覽器使用本地緩存妖胀，不允許則將最新內容傳回給瀏覽器芥颈。
總結來說，協(xié)商緩存主要有兩種情況：
- 協(xié)商緩存生效赚抡，返回304
- 協(xié)商緩存失效爬坑，返回200和請求結果結果
什么是強制緩存？
強制緩存就是向瀏覽器緩存查找該請求結果涂臣，并根據該結果的緩存規(guī)則來決定是否使用該緩存結果的過程盾计，強制緩存的情況主要有三種，如下：
- 不存在該緩存結果和緩存標識肉康，強制緩存失效闯估，則直接向服務器發(fā)起請求（跟第一次發(fā)起請求一致）
- 存在該緩存結果和緩存標識，但該結果已失效吼和，強制緩存失效涨薪，則使用協(xié)商緩存
- 存在該緩存結果和緩存標識，且該結果尚未失效炫乓，強制緩存生效刚夺，直接返回該結果
瀏覽器緩存相關標識符
與瀏覽器緩存的字段有如下幾種：
- Cache-Control （指定緩存機制,覆蓋其它設置）
- Pragma （http1.0字段,指定緩存機制， 功能和 Cache-Control:no-cache 一樣）
- Expires （http1.0字段,指定緩存的過期時間末捣， 到了HTTP/1.1侠姑，Expire已經被Cache-Control替代）
- Last-Modified （資源最后一次的修改時間）
- ETag （唯一標識請求資源的字符串）
- If-Modified-Since （緩存校驗字段, 值為資源最后一次的修改時間, 即上次收到的Last-Modified值）
- If-Unmodified-Since （同上, 處理方式與之相反）
- If-Match （緩存校驗字段, 值為唯一標識請求資源的字符串, 即上次收到的ETag值）
- If-None-Match （同上, 處理方式與之相反）
下面來看一下這些字段：
Expires與Cache-Control
Expires和Cache-Control就是服務端用來約定和客戶端的有效時間的。
控制強制緩存的字段分別是Expires和Cache-Control箩做，其中Cache-Control優(yōu)先級比Expires高莽红。同時存在時，只有Cache-Control生效邦邦。
在HTTP/1.1中安吁，Cache-Control是最重要的規(guī)則，主要用于控制網頁緩存燃辖，主要取值為：
public：所有內容都將被緩存（客戶端和代理服務器都可緩存）
private：所有內容只有客戶端可以緩存鬼店，Cache-Control的默認取值
no-cache：客戶端緩存內容，但是是否使用緩存則需要經過協(xié)商緩存來驗證決定
no-store：所有內容都不會被緩存黔龟，即不使用強制緩存妇智，也不使用協(xié)商緩存
max-age=xxx (xxx is numeric)：緩存內容將在xxx秒后失效
如何在瀏覽器中判斷強制緩存是否生效滥玷？
打開控制臺的network，其中狀態(tài)碼為灰色的請求則代表使用了強制緩存巍棱，請求對應的Size值則代表該緩存存放的位置惑畴，分別為from memory cache 和 from disk cache。
from memory cache代表使用內存中的緩存拉盾，from disk cache則代表使用的是硬盤中的緩存桨菜，瀏覽器讀取緩存的順序為memory –> 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是服務器響應請求時泻红，返回該資源文件在服務器最后被修改的時間,
If-Modified-Since則是客戶端再次發(fā)起該請求時夭禽，攜帶上次請求返回的Last-Modified值，通過此字段值告訴服務器該資源上次請求返回的最后被修改時間谊路。服務器收到該請求讹躯，根據If-Modified-Since的字段值與該資源在服務器的最后被修改時間做對比，若服務器的資源最后被修改時間大于If-Modified-Since的字段值缠劝，則重新返回資源潮梯，狀態(tài)碼為200；否則則返回304惨恭，代表資源無更新秉馏，可繼續(xù)使用緩存文件。
Etag是服務器響應請求時脱羡，返回當前資源文件的一個唯一標識(由服務器生成)萝究，If-None-Match是客戶端再次發(fā)起該請求時，攜帶上次請求返回的唯一標識Etag值锉罐，通過此字段值告訴服務器該資源上次請求返回的唯一標識值帆竹。服務器收到該請求后，發(fā)現(xiàn)該請求頭中含有If-None-Match脓规，則會根據If-None-Match的字段值與該資源在服務器的Etag值做對比栽连，一致則返回304，代表資源無更新侨舆，繼續(xù)使用緩存文件秒紧；不一致則重新返回資源文件，狀態(tài)碼為200态罪，
應用場景
1. 頻繁變動的資源
對于頻繁變動的資源噩茄，首先需要使用Cache-Control: no-cache 使瀏覽器每次都請求服務器，然后配合 ETag 或者 Last-Modified 來驗證資源是否有效复颈。這樣的做法雖然不能節(jié)省請求數(shù)量绩聘，但是能顯著減少響應數(shù)據大小沥割。
2. 不常變化的資源
通常在處理這類資源時，給它們的 Cache-Control 配置一個很大的 max-age=31536000 (一年)凿菩，這樣瀏覽器之后請求相同的 URL 會命中強制緩存机杜。
