瀏覽器緩存

sixgo 發(fā)布于2019-08-21 18:19 / 418人閱讀

摘要：服務(wù)器通過這兩個(gè)首部字段告知客戶端資源的緩存過期時(shí)間和緩存最大生命周期?？蛻舳说弥Y源的緩存過期時(shí)間和最大生命周期后，即可自行判斷是否可不建立與服務(wù)器的鏈接，直接從瀏覽器緩存中獲取資源。

瀏覽器緩存

瀏覽器緩存分為強(qiáng)緩存和協(xié)商緩存

強(qiáng)緩存

客戶端第一次問服務(wù)器要某個(gè)資源時(shí)，服務(wù)器丟還給客戶端所請(qǐng)求的這個(gè)資源的同時(shí)，告訴客戶端將這個(gè)資源保存在本地，并且在未來的某個(gè)時(shí)點(diǎn)之前如果還需要這個(gè)資源，直接從本地獲取就可以，不用向服務(wù)器請(qǐng)求，這種方式緩存下來的資源稱為強(qiáng)緩存。

強(qiáng)緩存利用http的返回頭部中的Expires(實(shí)體首部字段)或者Cache-Control(通用首部字段)兩個(gè)字段來控制，用來表示資源的緩存時(shí)間。

服務(wù)器通過這兩個(gè)首部字段告知客戶端資源的緩存過期時(shí)間和緩存最大生命周期。

客戶端得知資源的緩存過期時(shí)間和最大生命周期后，即可自行判斷是否可不建立與服務(wù)器的鏈接，直接從瀏覽器緩存中獲取資源。

注：命中強(qiáng)緩存時(shí)，瀏覽器同樣會(huì)收到status=200的respones,chrome中可通過size區(qū)分從服務(wù)器返回的資源還是強(qiáng)緩存獲得的資源。

(1). Expires(http1.0的規(guī)范)

其值為一個(gè)絕對(duì)時(shí)間的GMT格式的時(shí)間字符串，代表緩存資源的過期時(shí)間，在該時(shí)點(diǎn)之前，即為命中緩存。

缺點(diǎn)：服務(wù)器返回的Expires時(shí)點(diǎn)是服務(wù)器上的時(shí)間，可能與客戶端有時(shí)間差，時(shí)間差太大可能造成緩存混亂

(2). Cache-Control:max-age(http1.1的規(guī)范)

強(qiáng)緩存利用其max-age值來判斷資源緩存的最大生命周期，它的值單位為秒。Cache-Control:max-age=3600代表資源有效時(shí)間為1小時(shí)，即從第一次獲取該資源起一小時(shí)內(nèi)的請(qǐng)求都被認(rèn)為可命中強(qiáng)緩存。

注：Cache-Control描述的是相對(duì)時(shí)間，采用本地時(shí)間來計(jì)算資源的有效期，所以相比Expires更可靠

這兩個(gè)Header可以只用其一，也可以一起使用。一起使用時(shí)以Cache-Control為準(zhǔn)

協(xié)商緩存

客戶端第一次問服務(wù)器要某個(gè)資源時(shí)，服務(wù)器丟給客戶端所請(qǐng)求的這個(gè)資源的同時(shí)，將該資源的一些信息(文件摘要、或最后修改時(shí)間)也返回給客戶端，告訴客戶端將這個(gè)資源緩存在本地。當(dāng)客戶端下一次需要這個(gè)資源時(shí)，將請(qǐng)求以及相關(guān)信息（文件摘要、或者最后修改時(shí)間）一并發(fā)送給服務(wù)器，由服務(wù)器來判斷客戶端緩存的資源是否需要更新：如不需要更新，就直接告訴客戶端獲取本地緩存資源；如需要更新，則將最新的資源連同相應(yīng)的信息一并返回給客戶端。

當(dāng)強(qiáng)緩存未命中時(shí)，瀏覽器就會(huì)發(fā)送請(qǐng)求到服務(wù)器，服務(wù)器會(huì)驗(yàn)證協(xié)商緩存是否命中，如果協(xié)商緩存命中，請(qǐng)求返回的http狀態(tài)為304，并會(huì)顯示說明Not Modified，瀏覽器收到該返回后，就會(huì)從緩存中加載了。

協(xié)商緩存利用[Last-Modified , If-Modified-Since] 和 [ETag , If-None-Match]這兩對(duì)Header來管理。

(1). Last-Modified & If-Modified-Since

Last-Modified為實(shí)體首部字段，值為資源最后更新時(shí)間，隨服務(wù)器response返回。

If-Modified-Since為請(qǐng)求首部字段，通過比較兩個(gè)時(shí)間來判斷資源在兩次請(qǐng)求期間是否有過修改，如果沒有修改，則命中協(xié)商緩存，瀏覽器從緩存中獲取資源；如果有過修改，則服務(wù)器返回資源，同時(shí)返回新的Last-Modified時(shí)間

(2). ETag & If-None-Match

ETag為相應(yīng)頭部字段，表示資源內(nèi)容的唯一標(biāo)識(shí)，隨服務(wù)器response返回

If-None-Match為請(qǐng)求頭部字段，服務(wù)器通過比較請(qǐng)求頭部的If-None-Match與當(dāng)前資源的ETag是否一致來判斷資源是否在兩次請(qǐng)求之間有過修改，如果沒有修改，則命中協(xié)商緩存，瀏覽器從緩存中獲取資源；如果有過修改，則服務(wù)器返回資源，同時(shí)返回新的ETag

協(xié)商緩存管理:

    [Last-Modified , If-Modified-Since]和[ETag , If-None-Match]一般同時(shí)啟用，這是為了處理Last-Modified不可靠的情況。