瀏覽器緩存 - 配置示例

1. 概要

  • 瀏覽器的緩存基于HTTP的緩存機(jī)制(如:Expires; Cache-control等)泪酱,其實就是一些頭信息掌动;

2. 配置語法

Syntax: expires [modified] time;
        expires epoch | max | off;
Default: expires off;
Context: http, server, location, if in action

3. 不加expires - 實驗過程

3.1 第一次請求資源 -> 返回200

3.2 第二次請求資源 -> 返回304

  • Request Headers
    • Cache-Control:max-age=0(瀏覽器自己加的钥弯,基于瀏覽器自己的實現(xiàn)邏輯)

4. 加expires - 實驗過程

4.1 配置語法

[root@localhost ~]# vim /etc/nginx/conf.d/static_server.conf
server {
    listen       80;

    location / {
        expires 24h;
        root  /opt/app/code;
    }

    error_page   500 502 503 504 404  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

4.2 重載nginx服務(wù)

[root@localhost ~]# nginx -s reload -c /etc/nginx/nginx.conf

4.3 基于之前實驗結(jié)果,刷新網(wǎng)頁 -> 返回304

  • Request Headers
    • Cache-Control:max-age=0(瀏覽器自己加的,基于瀏覽器自己的實現(xiàn)邏輯)
  • Reponse Headers
    • Cache-Control:max-age=86400
    • Expires:Mon, 27 Nov 2017 09:38:02 GMT

注意:
Reponse Headers中已經(jīng)有Cache-Control:max-age=86400和Expires:Mon, 27 Nov 2017 09:38:02 GMT了针饥,但是瀏覽器不會遵循服務(wù)端返回的設(shè)置。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末需频,一起剝皮案震驚了整個濱河市丁眼,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌昭殉,老刑警劉巖苞七,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異挪丢,居然都是意外死亡蹂风,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進(jìn)店門乾蓬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來惠啄,“玉大人,你說我怎么就攤上這事∧於桑” “怎么了融柬?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長姥闭。 經(jīng)常有香客問我丹鸿,道長,這世上最難降的妖魔是什么棚品? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任靠欢,我火速辦了婚禮,結(jié)果婚禮上铜跑,老公的妹妹穿的比我還像新娘门怪。我一直安慰自己,他們只是感情好锅纺,可當(dāng)我...
    茶點故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布掷空。 她就那樣靜靜地躺著,像睡著了一般囤锉。 火紅的嫁衣襯著肌膚如雪坦弟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天官地,我揣著相機(jī)與錄音酿傍,去河邊找鬼。 笑死驱入,一個胖子當(dāng)著我的面吹牛赤炒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播亏较,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼莺褒,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了雪情?” 一聲冷哼從身側(cè)響起遵岩,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎巡通,沒想到半個月后尘执,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡扁达,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年正卧,在試婚紗的時候發(fā)現(xiàn)自己被綠了蠢熄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片跪解。...
    茶點故事閱讀 40,742評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出叉讥,到底是詐尸還是另有隱情窘行,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布图仓,位于F島的核電站罐盔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏救崔。R本人自食惡果不足惜惶看,卻給世界環(huán)境...
    茶點故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望六孵。 院中可真熱鬧纬黎,春花似錦、人聲如沸劫窒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽主巍。三九已至冠息,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間孕索,已是汗流浹背逛艰。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留檬果,地道東北人瓮孙。 一個月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像选脊,于是被迫代替她去往敵國和親杭抠。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,747評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 淺談瀏覽器Http的緩存機(jī)制 ? ? ? ? ? ? ? ? 針對瀏覽器的http緩存的分析也算是老生常談了恳啥,每隔...
    meng_philip123閱讀 1,009評論 0 10
  • 瀏覽器緩存偏灿,也就是客戶端緩存,既是網(wǎng)頁性能優(yōu)化里面靜態(tài)資源相關(guān)優(yōu)化的一大利器钝的,也是無數(shù)web開發(fā)人員在工作過程不可...
    Www劉閱讀 568評論 0 1
  • 網(wǎng)絡(luò)特有的延遲以及數(shù)據(jù)傳輸?shù)某杀疚檀梗萍s互聯(lián)網(wǎng)快速獲取Web資源。為此硝桩,HTTP協(xié)議引入緩存以空間換時間沿猜,使瀏覽器緩...
    大頭8086閱讀 3,072評論 2 12
  • 針對瀏覽器的http緩存的分析也算是老生常談了,每隔一段時間就會冒出一篇不錯的文章碗脊,其原理也是各大公司面試時幾乎必...
    全端玩法閱讀 879評論 0 9
  • 工作流程 一次HTTP操作稱為一個事務(wù)啼肩,其工作過程可分為四步: 1)首先客戶機(jī)與服務(wù)器需要建立連接。只要單擊某個超...
    保川閱讀 4,621評論 2 14