建站
咨詢
售后
建站咨詢
新聞中心
瀏覽器緩存
10多年的景洪網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整景洪建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“景洪網(wǎng)站設(shè)計”,“景洪網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。
瀏覽器緩存是瀏覽器在本地磁盤對用戶最近請求過的文檔進行存儲，當訪問者再次訪問同一頁面時，瀏覽器就可以直接從本地磁盤加載文檔。
所以根據(jù)上面的特點，瀏覽器緩存有下面的優(yōu)點：
- 減少冗余的數(shù)據(jù)傳輸
- 減少服務(wù)器負擔
- 加快客戶端加載網(wǎng)頁的速度
瀏覽器緩存是Web性能優(yōu)化的重要方式。那么瀏覽器緩存的過程究竟是怎么樣的呢？
在瀏覽器第一次發(fā)起請求時，本地無緩存，向web服務(wù)器發(fā)送請求，服務(wù)器起端響應(yīng)請求，瀏覽器端緩存。過程如下：
在第一次請求時，服務(wù)器會將頁面最后修改時間通過Last-Modified標識由服務(wù)器發(fā)送給客戶端，客戶端記錄修改時間；服務(wù)器還會生成一個Etag，并發(fā)送給客戶端。
瀏覽器后續(xù)再次進行請求時：
瀏覽器緩存主要分為強強緩存（也稱本地緩存）和協(xié)商緩存（也稱弱緩存）。根據(jù)上圖，瀏覽器在第一次請求發(fā)生后，再次發(fā)送請求時：
- 瀏覽器請求某一資源時，會先獲取該資源緩存的header信息，然后根據(jù)header中的Cache-Control和Expires來判斷是否過期。若沒過期則直接從緩存中獲取資源信息，包括緩存的header的信息，所以此次請求不會與服務(wù)器進行通信。這里判斷是否過期，則是強緩存相關(guān)。后面會講Cache-Control和Expires相關(guān)。
- 如果顯示已過期，瀏覽器會向服務(wù)器端發(fā)送請求，這個請求會攜帶第一次請求返回的有關(guān)緩存的header字段信息，比如客戶端會通過If-None-Match頭將先前服務(wù)器端發(fā)送過來的Etag發(fā)送給服務(wù)器，服務(wù)會對比這個客戶端發(fā)過來的Etag是否與服務(wù)器的相同，若相同，就將If-None-Match的值設(shè)為false，返回狀態(tài)304，客戶端繼續(xù)使用本地緩存，不解析服務(wù)器端發(fā)回來的數(shù)據(jù)，若不相同就將If-None-Match的值設(shè)為true，返回狀態(tài)為200，客戶端重新機械服務(wù)器端返回的數(shù)據(jù)；客戶端還會通過If-Modified-Since頭將先前服務(wù)器端發(fā)過來的最后修改時間戳發(fā)送給服務(wù)器，服務(wù)器端通過這個時間戳判斷客戶端的頁面是否是最新的，如果不是最新的，則返回最新的內(nèi)容，如果是最新的，則返回304，客戶端繼續(xù)使用本地緩存。
一 強制緩存
強制緩存整體流程比較簡單，就是在第一次訪問服務(wù)器取到數(shù)據(jù)之后，在過期時間之內(nèi)不會再去重復(fù)請求。實現(xiàn)這個流程的核心就是如何知道當前時間是否超過了過期時間。
強制緩存的過期時間通過第一次訪問服務(wù)器時返回的響應(yīng)頭獲取。在 http 1.0 和 http 1.1 版本中通過不同的響應(yīng)頭字段實現(xiàn)。
http 1.0
在 http 1.0 版本中，強制緩存通過 Expires 響應(yīng)頭來實現(xiàn)。 expires 表示未來資源會過期的時間。也就是說，當發(fā)起請求的時間超過了 expires 設(shè)定的時間，即表示資源緩存時間到期，會發(fā)送請求到服務(wù)器重新獲取資源。而如果發(fā)起請求的時間在 expires 限定的時間之內(nèi)，瀏覽器會直接讀取本地緩存數(shù)據(jù)庫中的信息（from memory or from disk），兩種方式根據(jù)瀏覽器的策略隨機獲取。
http 1.1
在 http 1.1 版本中，強制緩存通過 Cache-Control 響應(yīng)頭來實現(xiàn)。Cache-Control 擁有多個值：
- private：客戶端可以緩存
- public：客戶端和代理服務(wù)器均可緩存；
- max-age=xxx：緩存的資源將在 xxx 秒后過期；
- no-cache：需要使用協(xié)商緩存來驗證是否過期；
- no-store：不可緩存
最常用的字段就是 max-age=xxx ，表示緩存的資源將在 xxx 秒后過期。一般來說，為了兼容，兩個版本的強制緩存都會被實現(xiàn)。
總結(jié)
強制緩存只有首次請求才會跟服務(wù)器通信，讀取緩存資源時不會發(fā)出任何請求，資源的 Status 狀態(tài)碼為 200，資源的 Size 為 from memory 或者 from disk ，http 1.1 版本的實現(xiàn)優(yōu)先級會高于 http 1.0 版本的實現(xiàn)。
二 協(xié)商緩存
協(xié)商緩存與強制緩存的不同之處在于，協(xié)商緩存每次讀取數(shù)據(jù)時都需要跟服務(wù)器通信，并且會增加緩存標識。在第一次請求服務(wù)器時，服務(wù)器會返回資源，并且返回一個資源的緩存標識，一起存到瀏覽器的緩存數(shù)據(jù)庫。當?shù)诙握埱筚Y源時，瀏覽器會首先將緩存標識發(fā)送給服務(wù)器，服務(wù)器拿到標識后判斷標識是否匹配，如果不匹配，表示資源有更新，服務(wù)器會將新數(shù)據(jù)和新的緩存標識一起返回到瀏覽器；如果緩存標識匹配，表示資源沒有更新，并且返回 304 狀態(tài)碼，瀏覽器就讀取本地緩存服務(wù)器中的數(shù)據(jù)。
在 http 協(xié)議的 1.0 和 1.1 版本中也有不同的實現(xiàn)方式。
http 1.0
在 http 1.0 版本中，第一次請求資源時服務(wù)器通過 Last-Modified 來設(shè)置響應(yīng)頭的緩存標識，并且把資源最后修改的時間作為值填入，然后將資源返回給瀏覽器。在第二次請求時，瀏覽器會首先帶上 If-Modified-Since 請求頭去訪問服務(wù)器，服務(wù)器會將 If-Modified-Since 中攜帶的時間與資源修改的時間匹配，如果時間不一致，服務(wù)器會返回新的資源，并且將 Last-Modified 值更新，作為響應(yīng)頭返回給瀏覽器。如果時間一致，表示資源沒有更新，服務(wù)器返回 304 狀態(tài)碼，瀏覽器拿到響應(yīng)狀態(tài)碼后從本地緩存數(shù)據(jù)庫中讀取緩存資源。
這種方式有一個弊端，就是當服務(wù)器中的資源增加了一個字符，后來又把這個字符刪掉，本身資源文件并沒有發(fā)生變化，但修改時間發(fā)生了變化。當下次請求過來時，服務(wù)器也會把這個本來沒有變化的資源重新返回給瀏覽器。
http 1.1
在 http 1.1 版本中，服務(wù)器通過 Etag 來設(shè)置響應(yīng)頭緩存標識。Etag 的值由服務(wù)端生成。在第一次請求時，服務(wù)器會將資源和 Etag 一并返回給瀏覽器，瀏覽器將兩者緩存到本地緩存數(shù)據(jù)庫。在第二次請求時，瀏覽器會將 Etag 信息放到 If-None-Match 請求頭去訪問服務(wù)器，服務(wù)器收到請求后，會將服務(wù)器中的文件標識與瀏覽器發(fā)來的標識進行對比，如果不相同，服務(wù)器返回更新的資源和新的 Etag ，如果相同，服務(wù)器返回 304 狀態(tài)碼，瀏覽器讀取緩存。
總結(jié)
協(xié)商緩存每次請求都會與服務(wù)器交互，第一次是拿數(shù)據(jù)和標識的過程，第二次開始，就是瀏覽器詢問服務(wù)器資源是否有更新的過程。每次請求都會傳輸數(shù)據(jù)，如果命中緩存，則資源的 Status 狀態(tài)碼為 304 而不是 200 。同樣的，一般來講為了兼容，兩個版本的協(xié)商緩存都會被實現(xiàn)，http 1.1 版本的實現(xiàn)優(yōu)先級會高于 http 1.0 版本的實現(xiàn)。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
分享名稱：10分鐘徹底搞懂Http的強制緩存和協(xié)商緩存(小結(jié))
標題鏈接：http://fisionsoft.com.cn/article/ghcpid.html
