成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

瀏覽器的緩存機(jī)制

LeanCloud / 1478人閱讀

摘要：從瀏覽器角度來(lái)看，整個(gè)就是一個(gè)源服務(wù)器，從這個(gè)層面來(lái)說(shuō)，瀏覽器和服務(wù)器之間的緩存機(jī)制，在這種架構(gòu)下同樣適用。如果命中，則返回，告訴瀏覽器資源未更新，可使用本地的緩存。

緩存類(lèi)型

緩存在宏觀上可以分成兩類(lèi)：私有緩存和共享緩存。共享緩存就是那些能被各級(jí)代理緩存的緩存。私有緩存就是用戶專(zhuān)享的，各級(jí)代理不能緩存的緩存。

微觀上可以分下面幾類(lèi)：

瀏覽器緩存

緩存存在的意義就是當(dāng)用戶點(diǎn)擊back按鈕或是再次去訪問(wèn)某個(gè)頁(yè)面的時(shí)候能夠更快的響應(yīng)。尤其是在多頁(yè)應(yīng)用的網(wǎng)站中，如果你在多個(gè)頁(yè)面使用了一張相同的圖片，那么緩存這張圖片就變得特別的有用。瀏覽器先向代理服務(wù)器發(fā)起Web請(qǐng)求，再將請(qǐng)求轉(zhuǎn)發(fā)到源服務(wù)器。其中瀏覽器緩存包括強(qiáng)緩存和協(xié)商緩存，下文有詳細(xì)介紹。本文主要側(cè)重點(diǎn)就是針對(duì)于瀏覽器緩存。

2.CDN緩存
　　CDN緩存一般是由網(wǎng)站管理員自己部署，為了讓他們的網(wǎng)站更容易擴(kuò)展并獲得更好的性能。通常情況下，瀏覽器先向CDN網(wǎng)關(guān)發(fā)起Web請(qǐng)求，網(wǎng)關(guān)服務(wù)器后面對(duì)應(yīng)著一臺(tái)或多臺(tái)負(fù)載均衡源服務(wù)器，會(huì)根據(jù)它們的負(fù)載請(qǐng)求，動(dòng)態(tài)將請(qǐng)求轉(zhuǎn)發(fā)到合適的源服務(wù)器上。從瀏覽器角度來(lái)看，整個(gè)CDN就是一個(gè)源服務(wù)器，從這個(gè)層面來(lái)說(shuō)，瀏覽器和服務(wù)器之間的緩存機(jī)制，在這種架構(gòu)下同樣適用。

3.代理服務(wù)器緩存
　　代理服務(wù)器是瀏覽器和源服務(wù)器之間的中間服務(wù)器，代理轉(zhuǎn)發(fā)響應(yīng)時(shí)，緩存代理會(huì)預(yù)先將資源的副本（緩存）保存到代理服務(wù)器上。當(dāng)代理再次接收到對(duì)相同資源的請(qǐng)求時(shí)，就可以不從源服務(wù)器那里獲取資源，而是將之前緩存的資源作為響應(yīng)返回。

4.數(shù)據(jù)庫(kù)緩存
　　數(shù)據(jù)庫(kù)緩存是指，當(dāng)web應(yīng)用的關(guān)系比較復(fù)雜，數(shù)據(jù)庫(kù)中的表很多的時(shí)候，如果頻繁進(jìn)行數(shù)據(jù)庫(kù)查詢，很容易導(dǎo)致數(shù)據(jù)庫(kù)不堪重荷。為了提供查詢的性能，將查詢后的數(shù)據(jù)放到內(nèi)存中進(jìn)行緩存，下次查詢時(shí)，直接從內(nèi)存緩存直接返回，提供響應(yīng)效率。

5.應(yīng)用層緩存
　　應(yīng)用層緩存是指我們?cè)诖a層面上做的緩存。通過(guò)代碼邏輯，把曾經(jīng)請(qǐng)求過(guò)的數(shù)據(jù)或資源等，緩存起來(lái)，再次需要數(shù)據(jù)時(shí)通過(guò)邏輯上的處理選擇可用的緩存的數(shù)據(jù)。

瀏覽器緩存

瀏覽器緩存就是把一個(gè)已經(jīng)請(qǐng)求過(guò)的 web 資源拷貝一份存儲(chǔ)在瀏覽器中，當(dāng)下次請(qǐng)求相同的資源時(shí)，瀏覽器會(huì)根據(jù)緩存機(jī)制決定直接使用副本響應(yīng)訪問(wèn)請(qǐng)求還是再次向服務(wù)器發(fā)送請(qǐng)求。

優(yōu)點(diǎn)

1.減少了冗余的數(shù)據(jù)傳輸
2.減少了服務(wù)器的負(fù)擔(dān)，大大提升了網(wǎng)站的性能
3.加快了客戶端加載網(wǎng)頁(yè)的速度

緩存位置

Memory Cache

Disk Cache

from memory cache與from disk cache

強(qiáng)緩存和協(xié)商緩存

兩者的主要區(qū)別是使用本地緩存的時(shí)候，是否需要向服務(wù)器驗(yàn)證本地緩存是否依舊有效。

強(qiáng)緩存

瀏覽器在加載資源時(shí)，會(huì)先根據(jù)本地緩存資源的 header 中的信息判斷是否命中強(qiáng)緩存，如果命中則直接使用緩存中的資源不會(huì)再向服務(wù)器發(fā)送請(qǐng)求。

協(xié)商緩存

當(dāng)強(qiáng)緩存沒(méi)有命中的時(shí)候，瀏覽器會(huì)發(fā)送一個(gè)請(qǐng)求到服務(wù)器，服務(wù)器根據(jù) header 中的部分信息來(lái)判斷是否命中緩存。如果命中，則返回 304 ，告訴瀏覽器資源未更新，可使用本地的緩存。
前端緩存最佳實(shí)踐
一文讀懂前端緩存
從前端角度理解緩存

禁用瀏覽器緩存

在 Network 中有個(gè) Disable cache ，鉤上就可以了，鉤上后瀏覽器會(huì)忽略掉文檔過(guò)期驗(yàn)證和服務(wù)器再驗(yàn)證的過(guò)程，直接向服務(wù)器請(qǐng)求最新的資源。

用戶行為影響

地址欄訪問(wèn)，鏈接跳轉(zhuǎn)是正常用戶行為，將會(huì)觸發(fā)瀏覽器緩存機(jī)制；

F5刷新，瀏覽器會(huì)設(shè)置max-age=0，跳過(guò)強(qiáng)緩存判斷，會(huì)進(jìn)行協(xié)商緩存判斷；

ctrl+F5刷新，跳過(guò)強(qiáng)緩存和協(xié)商緩存，直接從服務(wù)器拉取資源。

題外話：
大公司的靜態(tài)資源優(yōu)化方案：

配置超長(zhǎng)時(shí)間的本地緩存 —— 節(jié)省帶寬，提高性能

采用內(nèi)容摘要作為緩存更新依據(jù) —— 精確的緩存控制

靜態(tài)資源CDN部署 —— 優(yōu)化網(wǎng)絡(luò)請(qǐng)求

更資源發(fā)布路徑實(shí)現(xiàn)非覆蓋式發(fā)布 —— 平滑升級(jí)

作者：張?jiān)讫?br>鏈接：https://www.zhihu.com/questio...
感覺(jué)講的非常棒?。?！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/62082.html

相關(guān)文章

  • Web緩存相關(guān)知識(shí)整理

    摘要：緩存緩存，也叫網(wǎng)關(guān)緩存反向代理緩存。瀏覽器先向網(wǎng)關(guān)發(fā)起請(qǐng)求，網(wǎng)關(guān)服務(wù)器后面對(duì)應(yīng)著一臺(tái)或多臺(tái)負(fù)載均衡源服務(wù)器，會(huì)根據(jù)它們的負(fù)載請(qǐng)求，動(dòng)態(tài)將請(qǐng)求轉(zhuǎn)發(fā)到合適的源服務(wù)器上。雖然這種架構(gòu)負(fù)載均衡源服務(wù)器之間的緩存沒(méi)法共享，但卻擁有更好的處擴(kuò)展性。 一、前言? 工作上遇到一個(gè)這樣的需求，一個(gè)H5頁(yè)面在APP端，如果勾選已讀狀態(tài)，則下次打開(kāi)該鏈接，會(huì)跳過(guò)此頁(yè)面。用到了HTML5 的本地存儲(chǔ) API ...

    rickchen 評(píng)論0 收藏0

  • H5 緩存機(jī)制淺析 - 移動(dòng)端 Web 加載性能優(yōu)化

    摘要：根據(jù)標(biāo)準(zhǔn)，到目前為止，一共有種緩存機(jī)制，有些是之前已有，有些是才新加入的。首次請(qǐng)求緩存有效期內(nèi)請(qǐng)求緩存過(guò)期后請(qǐng)求一般瀏覽器會(huì)將緩存記錄及緩存文件存在本地文件夾中。 騰訊 Bugly 特約作者：賀輝超 1. H5 緩存機(jī)制介紹 H5，即 HTML5，是新一代的 HTML 標(biāo)準(zhǔn)，加入很多新的特性。離線存儲(chǔ)（也可稱(chēng)為緩存機(jī)制）是其中一個(gè)非常重要的特性。H5 引入的離線存儲(chǔ)，這意味著 web ...

    alin 評(píng)論0 收藏0

  • 瀏覽器緩存是什么？它的機(jī)制又是什么？

    摘要：對(duì)于瀏覽器緩存，相信很多開(kāi)發(fā)者對(duì)它真的是又愛(ài)又恨。那么瀏覽器緩存究竟是個(gè)什么樣的神奇玩意呢什么是瀏覽器緩存簡(jiǎn)單來(lái)說(shuō)，瀏覽器緩存就是把一個(gè)已經(jīng)請(qǐng)求過(guò)的資源如頁(yè)面，圖片，，數(shù)據(jù)等拷貝一份副本儲(chǔ)存在瀏覽器中。 對(duì)于瀏覽器緩存，相信很多開(kāi)發(fā)者對(duì)它真的是又愛(ài)又恨。一方面極大地提升了用戶體驗(yàn)，而另一方面有時(shí)會(huì)因?yàn)樽x取了緩存而展示了錯(cuò)誤的東西，而在開(kāi)發(fā)過(guò)程中千方百計(jì)地想把緩存禁掉。那么瀏覽器緩存究竟...

    jsummer 評(píng)論0 收藏0

  • 瀏覽器緩存是什么？它的機(jī)制又是什么？

    摘要：對(duì)于瀏覽器緩存，相信很多開(kāi)發(fā)者對(duì)它真的是又愛(ài)又恨。那么瀏覽器緩存究竟是個(gè)什么樣的神奇玩意呢什么是瀏覽器緩存簡(jiǎn)單來(lái)說(shuō)，瀏覽器緩存就是把一個(gè)已經(jīng)請(qǐng)求過(guò)的資源如頁(yè)面，圖片，，數(shù)據(jù)等拷貝一份副本儲(chǔ)存在瀏覽器中。 對(duì)于瀏覽器緩存，相信很多開(kāi)發(fā)者對(duì)它真的是又愛(ài)又恨。一方面極大地提升了用戶體驗(yàn)，而另一方面有時(shí)會(huì)因?yàn)樽x取了緩存而展示了錯(cuò)誤的東西，而在開(kāi)發(fā)過(guò)程中千方百計(jì)地想把緩存禁掉。那么瀏覽器緩存究竟...

    godruoyi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<