http緩存機制

與緩存相關(guān)的報文頭

request頭

① 當瀏覽器請求一個資源時,不希望緩存此資源,會發(fā)送以下請求頭:(如果你chrome打開開發(fā)者工具,并且設(shè)定不要緩存時,你的每一條http請求都會帶上下面兩條。注意和max-age=0的區(qū)別)

Cache-Control:no-cache
Progma:no-cache  //這條是為了支持HTTP1.0

② 當瀏覽器請求一個資源,并表示不需要緩存服務(wù)器過問,而是直接向服務(wù)器驗證時,會發(fā)送以下請求頭:

Cache-Control:max-age=0

③ 當瀏覽器請求一個資源,且自己有一份該資源的緩存時,會這樣驗證自己已有緩存的新鮮度(有沒有過期):

If-Modified-Since: Mon, 19 Nov 2015 08:38:01 GMT
If-None-Match: "0693f67a67cc1:0"

response頭

① 當服務(wù)器不希望瀏覽器緩存這份資源時:

Cache-Control:no-cache  //提醒瀏覽器盡量不要緩存這個資源,下次還要從服務(wù)器請求它
Cache-Control:no-store  //禁止服務(wù)器緩存它

② 當服務(wù)器希望瀏覽器緩存這個資源時:

Date:Mon, 19 Nov 2015 08:38:01 GMT  //這份資源是我2015-11-19 08:38:01發(fā)給你的
Cache-Control:max-age=60  //這份資源你緩存60秒,60秒后過期(相對時間)
Expire:Mon, 19 Nov 2015 08:39:01 GMT  //這份資源這個時候過期(絕對時間)
Last-Modified:Mon, 19 Nov 2014 08:39:01 GMT //這份資源最后修改日期是在2014年~
ETag:"0693f67a67cc1:0"  //這份資源的驗證碼,你留著有用

約定一下,以下內(nèi)容,如果瀏覽器發(fā)送包含內(nèi)容①的請求頭,我會說“請求①”,同理,請求②③,返回200+②之類的。如果瀏覽器請求頭不包含以上任何頭,我會直接說“請求”,同理,直接說“返回200”。

瀏覽器緩存策略(chrome)(重要的啦!測了好多種情況總結(jié)出來噠~)

基于上面的論述,來說說瀏覽器緩存資源的策略,

  • 只有當返回200+②時,瀏覽器會緩存資源,除此之外,瀏覽器不會緩存發(fā)來的資源。
  • 如果瀏覽器已經(jīng)緩存了資源,但新接收到的返回是200不加②,那么已經(jīng)緩存的資源會被清除掉。
  • 如果一個資源已經(jīng)被緩存了,那么下次請求這個資源的時候會請求③。
  • 只要返回304,那么瀏覽器會在緩存中尋找該資源,找到了即使用,找不到無可奈何。
  • 無論如何,只要返回②,瀏覽器都會更新緩存時間。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載地址 前言 Http 緩存機制作為 web 性能優(yōu)化的重要手段,對于從事 Web 開發(fā)的同學們來說,應(yīng)該是知識...
    MarvinGuo閱讀 729評論 0 51
  • 什么是http報文 HTTP報文就是瀏覽器和服務(wù)器間通信時發(fā)送及響應(yīng)的數(shù)據(jù)塊。瀏覽器向服務(wù)器請求數(shù)據(jù),發(fā)送請求(r...
    xiao_333閱讀 366評論 0 0
  • HTTP及HTTP緩存機制(前端) HTTP HTTP是一種獲取網(wǎng)絡(luò)資源的協(xié)議,是Web上獲取數(shù)據(jù)交換的基礎(chǔ)。 客...
    gycgycgyc閱讀 193評論 0 1
  • 瀏覽器 http 緩存機制總結(jié) http 報文頭信息控制緩存介紹 Expires ? 指的是緩存過期的時間,超...
    小王啊_閱讀 301評論 0 0
  • 緩存的目的 一般而言,用戶訪問一個頁面的頻率總是遠高于頁面更新的頻率,所以在大部分時間里用戶訪問該頁面得到的htm...
    饑人谷_Dylan閱讀 1,016評論 0 51

友情鏈接更多精彩內(nèi)容