這篇文章將為大家詳細(xì)講解有關(guān)瀏覽器緩存策略的示例分析，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序定制開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了廣河免費(fèi)建站歡迎大家使用！

為了提高站點(diǎn)的訪問(wèn)速度，使用緩存來(lái)優(yōu)化。緩存主要分為 強(qiáng)緩存和協(xié)商緩存。

協(xié)商緩存

主要分為last-modified、etag。下面我主要通過(guò)代碼修改來(lái)表現(xiàn)各個(gè)緩存之間的區(qū)別。先討論協(xié)商緩存。last-modified表示文件的修改日期，如果文件做了修改那就應(yīng)該重新獲取文件。last-modified是文件修改后根據(jù)服務(wù)器的時(shí)間生成。

如果我們修改了文件則會(huì)重新獲取,status就為200

再次刷新就會(huì)返回304表示緩存已經(jīng)是最新不需要再更新。
請(qǐng)求中會(huì)詢問(wèn)相關(guān)文件修改時(shí)間(If-Modified-Since)

請(qǐng)求

響應(yīng)

ETag:是一個(gè)可以與Web資源關(guān)聯(lián)的記號(hào)（token）

如果文件被替換，就會(huì)生成唯一的etag。

替換前的文件

替換后的文件

PS: 如果是使用了多臺(tái)服務(wù)器做負(fù)載均衡的話,會(huì)出現(xiàn)etag不一致問(wèn)題。Apache 的默認(rèn)ETag的值總是由文件的索引節(jié)點(diǎn)（Inode）、大小(Size)、最后修改時(shí)間(MTime)決定，我們只需要去掉Inode即可

強(qiáng)緩存

強(qiáng)緩存相比協(xié)商緩存更為徹底，在強(qiáng)緩存下瀏覽器不會(huì)對(duì)服務(wù)器發(fā)起請(qǐng)求。

強(qiáng)緩存:主要分為expires和cache-control

Expires:表示存在時(shí)間，允許客戶端在這個(gè)時(shí)間之前不去檢查（發(fā)請(qǐng)求），等同max-age的 效果。但是如果同時(shí)存在，則被Cache-Control的max-age覆蓋。 格式： Expires ：時(shí)間，后面跟一個(gè)時(shí)間或者日期，超過(guò)這個(gè)時(shí)間后緩存失效。也就是瀏覽器發(fā)出請(qǐng)求之前，會(huì)檢查這個(gè)時(shí)間是否失效，若失效，則瀏覽器會(huì)重新發(fā)出請(qǐng)求。

開(kāi)啟apache expires_mod之后，瀏覽器在第一次將資源請(qǐng)求之后會(huì)緩存。

Cache-Control
Cache-Control 在 HTTP 響應(yīng)頭中，用于指示代理和 UA 使用何種緩存策略。比如：

• no-cache 為本次響應(yīng)不可直接用于后續(xù)請(qǐng)求（在沒(méi)有向服務(wù)器進(jìn)行校驗(yàn)的情況下）
• no-store 為禁止緩存（不得存儲(chǔ)到非易失性介質(zhì)，如果有的話盡量移除，用于敏感信息）
• public為大家都可以緩存。
• private為僅 UA 可緩存

cache-control中設(shè)置max-age 為最長(zhǎng)的緩存時(shí)間。在該時(shí)間內(nèi)則使用緩存。

設(shè)置為no-cache之后則不會(huì)再進(jìn)行緩存。

題外話

在使用apache對(duì)瀏覽器緩存進(jìn)行測(cè)試過(guò)程中發(fā)現(xiàn)。在不設(shè)置 cache-control的情況下，瀏覽器會(huì)根據(jù)自身的情況去取舍相關(guān)的緩存，可以從這查看。如果大家在服務(wù)器配置過(guò)程中發(fā)現(xiàn)，自己沒(méi)有配置任何的緩存信息但是瀏覽器卻緩存了資源就不用驚訝。

關(guān)于瀏覽器緩存策略的示例分析就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。