http緩存技術(shù)的原理-創(chuàng)新互聯(lián)

本篇內(nèi)容主要講解“http緩存技術(shù)的原理”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“http緩存技術(shù)的原理”吧!

創(chuàng)新互聯(lián)公司成立于2013年,是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站建設(shè)、成都網(wǎng)站制作網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元鳳泉做網(wǎng)站,已為上家服務(wù),為鳳泉各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):028-86922220

HTTP緩存實(shí)現(xiàn)的原理

瀏覽器是如何知道使用緩存的,其實(shí)這都是通過(guò)http中,瀏覽器將最后修改時(shí)間發(fā)送請(qǐng)求給web服務(wù)器,web服務(wù)器收到請(qǐng)求后跟服務(wù)器上的文檔最后修改的時(shí)間對(duì)比,如果web服務(wù)器上最新文檔修改時(shí)間小于或者等于瀏覽器發(fā)送過(guò)來(lái)的,則發(fā)送304給瀏覽器,使用緩存版本。

緩存的概念

緩存這個(gè)東西真的是無(wú)處不在, 有瀏覽器端的緩存, 有服務(wù)器端的緩存,有代理服務(wù)器的緩存, 有ASP.NET頁(yè)面緩存,對(duì)象緩存。 數(shù)據(jù)庫(kù)也有緩存, 等等。

http中具有緩存功能的是瀏覽器緩存,以及緩存代理服務(wù)器。

http緩存的是指:當(dāng)Web請(qǐng)求抵達(dá)緩存時(shí), 如果本地有“已緩存的”副本,就可以從本地存儲(chǔ)設(shè)備而不是從原始服務(wù)器中提取這個(gè)文檔。

緩存的好處

緩存的好處是顯而易見(jiàn)的, 好處有,

1. 減少了冗余的數(shù)據(jù)傳輸,節(jié)省了網(wǎng)費(fèi)。

2. 減少了服務(wù)器的負(fù)擔(dān), 大大提高了網(wǎng)站的性能

3. 加快了客戶(hù)端加載網(wǎng)頁(yè)的速度

Fiddler可以方便地查看緩存的header

Fiddler中把header都分門(mén)別類(lèi)的放在一起,這樣方便查看。

http緩存技術(shù)的原理

如何判斷緩存新鮮度

Web服務(wù)器通過(guò)2種方式來(lái)判斷瀏覽器緩存是否是最新的。

第一種, 瀏覽器把緩存文件的最后修改時(shí)間通過(guò) header ”If-Modified-Since“來(lái)告訴Web服務(wù)器。

第二種, 瀏覽器把緩存文件的ETag, 通過(guò)header "If-None-Match", 來(lái)告訴Web服務(wù)器。

通過(guò)最后修改時(shí)間, 來(lái)判斷緩存新鮮度

1. 瀏覽器客戶(hù)端想請(qǐng)求一個(gè)文檔,  首先檢查本地緩存,發(fā)現(xiàn)存在這個(gè)文檔的緩存,  獲取緩存中文檔的最后修改時(shí)間,通過(guò): If-Modified-Since, 發(fā)送Request給Web服務(wù)器。

2. Web服務(wù)器收到Request,將服務(wù)器的文檔修改時(shí)間(Last-Modified): 跟request header 中的,If-Modified-Since相比較, 如果時(shí)間是一樣的, 說(shuō)明緩存還是最新的, Web服務(wù)器將發(fā)送304 Not Modified給瀏覽器客戶(hù)端, 告訴客戶(hù)端直接使用緩存里的版本。如下圖。

http緩存技術(shù)的原理

3. 假如該文檔已經(jīng)被更新了。Web服務(wù)器將發(fā)送該文檔的最新版本給瀏覽器客戶(hù)端, 如下圖。

http緩存技術(shù)的原理

實(shí)例: 打開(kāi)Fiddler, 然后打開(kāi)博客園首頁(yè)。然后F5刷新幾次瀏覽器。 你會(huì)看到博客園首頁(yè)也用了緩存。

http緩存技術(shù)的原理

與緩存有關(guān)的header

我們來(lái)看看每個(gè)header的具體含義。

Request

Cache-Control: max-age=0 以秒為單位
If-Modified-Since: Mon, 19 Nov 2012 08:38:01 GMT 緩存文件的最后修改時(shí)間。
If-None-Match: "0693f67a67cc1:0" 緩存文件的Etag值
Cache-Control: no-cache 不使用緩存
Pragma: no-cache 不使用緩存
   

Response

Cache-Control: public 響應(yīng)被緩存,并且在多用戶(hù)間共享,  (公有緩存和私有緩存的區(qū)別,請(qǐng)看另一節(jié))
Cache-Control: private 響應(yīng)只能作為私有緩存,不能在用戶(hù)之間共享
Cache-Control:no-cache 提醒瀏覽器要從服務(wù)器提取文檔進(jìn)行驗(yàn)證
Cache-Control:no-store 絕對(duì)禁止緩存(用于機(jī)密,敏感文件)
Cache-Control: max-age=60 60秒之后緩存過(guò)期(相對(duì)時(shí)間)
Date: Mon, 19 Nov 2012 08:39:00 GMT 當(dāng)前response發(fā)送的時(shí)間
Expires: Mon, 19 Nov 2012 08:40:01 GMT 緩存過(guò)期的時(shí)間(絕對(duì)時(shí)間)
Last-Modified: Mon, 19 Nov 2012 08:38:01 GMT 服務(wù)器端文件的最后修改時(shí)間
ETag: "20b1add7ec1cd1:0" 服務(wù)器端文件的Etag值

如果同時(shí)存在cache-control和Expires怎么辦呢?

瀏覽器總是優(yōu)先使用cache-control,如果沒(méi)有cache-control才考慮Expires

ETag

ETag是實(shí)體標(biāo)簽(Entity Tag)的縮寫(xiě), 根據(jù)實(shí)體內(nèi)容生成的一段hash字符串(類(lèi)似于MD5或者SHA1之后的結(jié)果),可以標(biāo)識(shí)資源的狀態(tài)。 當(dāng)資源發(fā)送改變時(shí),ETag也隨之發(fā)生變化。

ETag是Web服務(wù)端產(chǎn)生的,然后發(fā)給瀏覽器客戶(hù)端。瀏覽器客戶(hù)端是不用關(guān)心Etag是如何產(chǎn)生的。

為什么使用ETag呢? 主要是為了解決Last-Modified 無(wú)法解決的一些問(wèn)題。

1. 某些服務(wù)器不能精確得到文件的最后修改時(shí)間, 這樣就無(wú)法通過(guò)最后修改時(shí)間來(lái)判斷文件是否更新了。

2. 某些文件的修改非常頻繁,在秒以下的時(shí)間內(nèi)進(jìn)行修改. Last-Modified只能精確到秒。

3. 一些文件的最后修改時(shí)間改變了,但是內(nèi)容并未改變。 我們不希望客戶(hù)端認(rèn)為這個(gè)文件修改了。

實(shí)例, 打開(kāi)Fiddler, 打開(kāi)博客園首頁(yè)。  你可以看到很多圖片,或者CSS文件都是用了緩存。 這些都是通過(guò)比較ETag的值,來(lái)判斷文件是否更新了。

http緩存技術(shù)的原理

瀏覽器不使用緩存

CTRL+F5強(qiáng)制刷新瀏覽器,或者設(shè)置IE。  可以讓瀏覽器不使用緩存。

1. 瀏覽器發(fā)送Http request, 給Web 服務(wù)器, header中帶有Cache-Control: no-cache.   明確告訴Web服務(wù)器,客戶(hù)端不使用緩存。

2. Web服務(wù)器將把最新的文檔發(fā)送給瀏覽器客戶(hù)端.

實(shí)例:

打開(kāi)Fiddler, 打開(kāi)博客園首頁(yè), 然后按CTRL+F5強(qiáng)制刷新瀏覽器,你將看到

http緩存技術(shù)的原理

Pragma: no-cache的作用和Cache-Control: no-cache一模一樣。 都是不使用緩存。

Pragma: no-cache 是HTTP 1.0中定義的, 所以為了兼容HTTP 1.0. 所以會(huì)同時(shí)使用Pragma: no-cache和Cache-Control: no-cache

直接使用緩存,不去服務(wù)器驗(yàn)證

按F5刷新瀏覽器和在地址欄里輸入網(wǎng)址然后回車(chē)。 這兩個(gè)行為是不一樣的。

按F5刷新瀏覽器, 瀏覽器會(huì)去Web服務(wù)器驗(yàn)證緩存。

如果是在地址欄輸入網(wǎng)址然后回車(chē),瀏覽器會(huì)"直接使用有效的緩存", 而不會(huì)發(fā)http request 去服務(wù)器驗(yàn)證緩存,這種情況叫做緩存命中,如下圖

http緩存技術(shù)的原理

實(shí)例: 比較第一次訪問(wèn)博客園主頁(yè)和第二次博客園主頁(yè)

1. 啟動(dòng)Fiddler, 用firefox打開(kāi)博客園主頁(yè), 發(fā)現(xiàn)有50多個(gè)session。

2. 按CTRL+X將Fiddler中的所有session刪除。 關(guān)閉firefox,重新打開(kāi)一個(gè)firefox,打開(kāi)博客園主頁(yè)。   發(fā)現(xiàn)只有30多個(gè)session.

分析;  少了的session是因?yàn)閒irefox直接用了緩存,而沒(méi)有發(fā)http request。

http緩存技術(shù)的原理

如何設(shè)置IE不使用緩存

打開(kāi)IE。點(diǎn)擊工具欄上的, 工具->Internet選項(xiàng)->常規(guī)->瀏覽歷史記錄 設(shè)置. 選擇“從不”。然后保存。

然后點(diǎn)擊“刪除”  把Internet臨時(shí)文件都刪掉 (IE緩存的文件就是Internet臨時(shí)文件)。

http緩存技術(shù)的原理

公有緩存和私有緩存的區(qū)別

Cache-Control: public 指可以公有緩存, 可以是數(shù)千名用戶(hù)共享的。

Cache-Control: private 指只支持私有緩存, 私有緩存是單個(gè)用戶(hù)專(zhuān)用的。

http緩存技術(shù)的原理

到此,相信大家對(duì)“http緩存技術(shù)的原理”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún),關(guān)注我們,繼續(xù)學(xué)習(xí)!

當(dāng)前名稱(chēng):http緩存技術(shù)的原理-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)鏈接:http://muchs.cn/article46/cdchhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、網(wǎng)站策劃、標(biāo)簽優(yōu)化、品牌網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)、企業(yè)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站