資訊專欄INFORMATION COLUMN
摘要：從瀏覽器角度來看，整個(gè)就是一個(gè)源服務(wù)器，從這個(gè)層面來說，瀏覽器和服務(wù)器之間的緩存機(jī)制，在這種架構(gòu)下同樣適用。如果命中，則返回，告訴瀏覽器資源未更新，可使用本地的緩存。
緩存類型
緩存在宏觀上可以分成兩類：私有緩存和共享緩存。共享緩存就是那些能被各級代理緩存的緩存。私有緩存就是用戶專享的，各級代理不能緩存的緩存。
微觀上可以分下面幾類：
瀏覽器緩存
緩存存在的意義就是當(dāng)用戶點(diǎn)擊back按鈕或是再次去訪問某個(gè)頁面的時(shí)候能夠更快的響應(yīng)。尤其是在多頁應(yīng)用的網(wǎng)站中，如果你在多個(gè)頁面使用了一張相同的圖片，那么緩存這張圖片就變得特別的有用。瀏覽器先向代理服務(wù)器發(fā)起Web請求，再將請求轉(zhuǎn)發(fā)到源服務(wù)器。其中瀏覽器緩存包括強(qiáng)緩存和協(xié)商緩存，下文有詳細(xì)介紹。本文主要側(cè)重點(diǎn)就是針對于瀏覽器緩存。
2.CDN緩存
CDN緩存一般是由網(wǎng)站管理員自己部署，為了讓他們的網(wǎng)站更容易擴(kuò)展并獲得更好的性能。通常情況下，瀏覽器先向CDN網(wǎng)關(guān)發(fā)起Web請求，網(wǎng)關(guān)服務(wù)器后面對應(yīng)著一臺或多臺負(fù)載均衡源服務(wù)器，會根據(jù)它們的負(fù)載請求，動態(tài)將請求轉(zhuǎn)發(fā)到合適的源服務(wù)器上。從瀏覽器角度來看，整個(gè)CDN就是一個(gè)源服務(wù)器，從這個(gè)層面來說，瀏覽器和服務(wù)器之間的緩存機(jī)制，在這種架構(gòu)下同樣適用。
3.代理服務(wù)器緩存
代理服務(wù)器是瀏覽器和源服務(wù)器之間的中間服務(wù)器，代理轉(zhuǎn)發(fā)響應(yīng)時(shí)，緩存代理會預(yù)先將資源的副本（緩存）保存到代理服務(wù)器上。當(dāng)代理再次接收到對相同資源的請求時(shí)，就可以不從源服務(wù)器那里獲取資源，而是將之前緩存的資源作為響應(yīng)返回。
4.數(shù)據(jù)庫緩存
數(shù)據(jù)庫緩存是指，當(dāng)web應(yīng)用的關(guān)系比較復(fù)雜，數(shù)據(jù)庫中的表很多的時(shí)候，如果頻繁進(jìn)行數(shù)據(jù)庫查詢，很容易導(dǎo)致數(shù)據(jù)庫不堪重荷。為了提供查詢的性能，將查詢后的數(shù)據(jù)放到內(nèi)存中進(jìn)行緩存，下次查詢時(shí)，直接從內(nèi)存緩存直接返回，提供響應(yīng)效率。
5.應(yīng)用層緩存
應(yīng)用層緩存是指我們在代碼層面上做的緩存。通過代碼邏輯，把曾經(jīng)請求過的數(shù)據(jù)或資源等，緩存起來，再次需要數(shù)據(jù)時(shí)通過邏輯上的處理選擇可用的緩存的數(shù)據(jù)。
瀏覽器緩存就是把一個(gè)已經(jīng)請求過的 web 資源拷貝一份存儲在瀏覽器中，當(dāng)下次請求相同的資源時(shí)，瀏覽器會根據(jù)緩存機(jī)制決定直接使用副本響應(yīng)訪問請求還是再次向服務(wù)器發(fā)送請求。
1.減少了冗余的數(shù)據(jù)傳輸
2.減少了服務(wù)器的負(fù)擔(dān)，大大提升了網(wǎng)站的性能
3.加快了客戶端加載網(wǎng)頁的速度
Memory Cache
Disk Cache
from memory cache與from disk cache
強(qiáng)緩存和協(xié)商緩存兩者的主要區(qū)別是使用本地緩存的時(shí)候，是否需要向服務(wù)器驗(yàn)證本地緩存是否依舊有效。
強(qiáng)緩存瀏覽器在加載資源時(shí)，會先根據(jù)本地緩存資源的 header 中的信息判斷是否命中強(qiáng)緩存，如果命中則直接使用緩存中的資源不會再向服務(wù)器發(fā)送請求。
協(xié)商緩存當(dāng)強(qiáng)緩存沒有命中的時(shí)候，瀏覽器會發(fā)送一個(gè)請求到服務(wù)器，服務(wù)器根據(jù) header 中的部分信息來判斷是否命中緩存。如果命中，則返回 304 ，告訴瀏覽器資源未更新，可使用本地的緩存。
前端緩存最佳實(shí)踐
一文讀懂前端緩存
從前端角度理解緩存
在 Network 中有個(gè) Disable cache ，鉤上就可以了，鉤上后瀏覽器會忽略掉文檔過期驗(yàn)證和服務(wù)器再驗(yàn)證的過程，直接向服務(wù)器請求最新的資源。
地址欄訪問，鏈接跳轉(zhuǎn)是正常用戶行為，將會觸發(fā)瀏覽器緩存機(jī)制；
F5刷新，瀏覽器會設(shè)置max-age=0，跳過強(qiáng)緩存判斷，會進(jìn)行協(xié)商緩存判斷；
ctrl+F5刷新，跳過強(qiáng)緩存和協(xié)商緩存，直接從服務(wù)器拉取資源。
題外話：
大公司的靜態(tài)資源優(yōu)化方案：
配置超長時(shí)間的本地緩存 —— 節(jié)省帶寬，提高性能
采用內(nèi)容摘要作為緩存更新依據(jù) —— 精確的緩存控制
靜態(tài)資源CDN部署 —— 優(yōu)化網(wǎng)絡(luò)請求
更資源發(fā)布路徑實(shí)現(xiàn)非覆蓋式發(fā)布 —— 平滑升級
作者：張?jiān)讫?br>鏈接：https://www.zhihu.com/questio...
感覺講的非常棒！！！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/62082.html
摘要：緩存緩存，也叫網(wǎng)關(guān)緩存反向代理緩存。瀏覽器先向網(wǎng)關(guān)發(fā)起請求，網(wǎng)關(guān)服務(wù)器后面對應(yīng)著一臺或多臺負(fù)載均衡源服務(wù)器，會根據(jù)它們的負(fù)載請求，動態(tài)將請求轉(zhuǎn)發(fā)到合適的源服務(wù)器上。雖然這種架構(gòu)負(fù)載均衡源服務(wù)器之間的緩存沒法共享，但卻擁有更好的處擴(kuò)展性。 一、前言? 工作上遇到一個(gè)這樣的需求，一個(gè)H5頁面在APP端，如果勾選已讀狀態(tài)，則下次打開該鏈接，會跳過此頁面。用到了HTML5 的本地存儲 API ...
摘要：根據(jù)標(biāo)準(zhǔn)，到目前為止，一共有種緩存機(jī)制，有些是之前已有，有些是才新加入的。首次請求緩存有效期內(nèi)請求緩存過期后請求一般瀏覽器會將緩存記錄及緩存文件存在本地文件夾中。 騰訊 Bugly 特約作者：賀輝超 1. H5 緩存機(jī)制介紹 H5，即 HTML5，是新一代的 HTML 標(biāo)準(zhǔn)，加入很多新的特性。離線存儲（也可稱為緩存機(jī)制）是其中一個(gè)非常重要的特性。H5 引入的離線存儲，這意味著 web ...
摘要：對于瀏覽器緩存，相信很多開發(fā)者對它真的是又愛又恨。那么瀏覽器緩存究竟是個(gè)什么樣的神奇玩意呢什么是瀏覽器緩存簡單來說，瀏覽器緩存就是把一個(gè)已經(jīng)請求過的資源如頁面，圖片，，數(shù)據(jù)等拷貝一份副本儲存在瀏覽器中。 對于瀏覽器緩存，相信很多開發(fā)者對它真的是又愛又恨。一方面極大地提升了用戶體驗(yàn)，而另一方面有時(shí)會因?yàn)樽x取了緩存而展示了錯(cuò)誤的東西，而在開發(fā)過程中千方百計(jì)地想把緩存禁掉。那么瀏覽器緩存究竟...
摘要：對于瀏覽器緩存，相信很多開發(fā)者對它真的是又愛又恨。那么瀏覽器緩存究竟是個(gè)什么樣的神奇玩意呢什么是瀏覽器緩存簡單來說，瀏覽器緩存就是把一個(gè)已經(jīng)請求過的資源如頁面，圖片，，數(shù)據(jù)等拷貝一份副本儲存在瀏覽器中。 對于瀏覽器緩存，相信很多開發(fā)者對它真的是又愛又恨。一方面極大地提升了用戶體驗(yàn)，而另一方面有時(shí)會因?yàn)樽x取了緩存而展示了錯(cuò)誤的東西，而在開發(fā)過程中千方百計(jì)地想把緩存禁掉。那么瀏覽器緩存究竟...
閱讀 2675·2021-11-25 09:43
閱讀 2587·2021-11-22 09:34
閱讀 2856·2021-11-12 10:34
閱讀 1442·2021-10-20 13:46
閱讀 2307·2019-08-30 13:21
閱讀 935·2019-08-30 11:21
閱讀 488·2019-08-30 11:20
閱讀 2192·2019-08-29 17:20
