緩存位置
- 分為4種言沐，各自有優(yōu)先級(jí)，當(dāng)查找緩存都沒有命中時(shí)伤锚，才會(huì)去請(qǐng)求網(wǎng)絡(luò)
- Service Worker擅笔，瀏覽器背后的獨(dú)立線程，實(shí)現(xiàn)緩存功能
- Memory Cache屯援，內(nèi)存中的緩存猛们，主要包含當(dāng)前頁(yè)面中已抓取到的資源
- Disk Cache，硬盤中的緩存狞洋，
- Push Cache弯淘，當(dāng)以上3種緩存沒有時(shí)才會(huì)被使用，它只在會(huì)話(session)中存在吉懊，一旦會(huì)話結(jié)束就被釋放庐橙，并且緩存時(shí)間也很短
緩存方式
-
強(qiáng)緩存假勿，不會(huì)向服務(wù)器發(fā)送請(qǐng)求，直接從緩存中讀取資源态鳖，可以通過Expires和Cache Control實(shí)現(xiàn)
- Expires：緩存過期時(shí)間转培，用來(lái)指定資源到期時(shí)間。缺點(diǎn)：如果修改了本地時(shí)間浆竭，可能會(huì)造成緩存失效
- Cache Control：指定緩存有效時(shí)間（可以理解為保質(zhì)期）浸须，當(dāng)計(jì)時(shí)超出有效時(shí)間以后緩存失效
-
協(xié)商緩存，強(qiáng)制緩存失效后邦泄，瀏覽器攜帶緩存標(biāo)識(shí)向服務(wù)器發(fā)送請(qǐng)求羽戒，由服務(wù)器發(fā)送緩存標(biāo)識(shí)決定是否使用緩存，可以通過設(shè)置兩種HTTP Header實(shí)現(xiàn)：Last Modified和ETag
Last Modified和if-Modified-Since：瀏覽器第一次返回頁(yè)面時(shí)虎韵，服務(wù)端返回資源時(shí)易稠，在response header中添加 Last-Modified的header，值是這個(gè)資源在服務(wù)器上的最后修改時(shí)間包蓝，瀏覽器接收后緩存文件和header驶社，瀏覽器下一次請(qǐng)求這個(gè)資源，瀏覽器檢測(cè)到有 Last-Modified這個(gè)header测萎，于是添加If-Modified-Since這個(gè)header亡电，值就是Last-Modified中的值；服務(wù)器再次收到這個(gè)資源請(qǐng)求硅瞧，會(huì)根據(jù) If-Modified-Since 中的值與服務(wù)器中這個(gè)資源的最后修改時(shí)間對(duì)比份乒，如果沒有變化，返回304和空的響應(yīng)體腕唧，直接從緩存讀取或辖，如果If-Modified-Since的時(shí)間小于服務(wù)器中這個(gè)資源的最后修改時(shí)間，說明文件有更新枣接，于是返回新的資源文件和200
ETag和if-None-Match：ETag是服務(wù)器響應(yīng)請(qǐng)求時(shí)颂暇，返回當(dāng)前資源文件的一個(gè)唯一標(biāo)識(shí)（由服務(wù)器生成），只要資源有變化但惶，ETag會(huì)重新生成耳鸯。瀏覽器在下一次加載資源向服務(wù)器發(fā)送請(qǐng)求時(shí)，會(huì)將上一次返回的Etag值放到request header里的If-None-Match里膀曾，服務(wù)器只需要比較客戶端傳來(lái)的If-None-Match跟自己服務(wù)器上該資源的ETag是否一致县爬，就能很好地判斷資源相對(duì)客戶端而言是否被修改過了。如果服務(wù)器發(fā)現(xiàn)ETag匹配不上添谊，那么直接以常規(guī)GET 200回包形式將新的資源（當(dāng)然也包括了新的ETag）發(fā)給客戶端财喳；如果ETag是一致的，則直接返回304知會(huì)客戶端直接使用本地緩存即可碉钠。
一般會(huì)優(yōu)先使用強(qiáng)緩存
