更新瀏覽器緩存
什麼是瀏覽器緩存
瀏覽器緩存(BrowerCaching)是瀏覽器在本地磁碟對用戶最近請求過的文檔進行存儲，當訪問者再次訪問同一頁面時，瀏覽器就可以直接從本地磁碟載入文檔。
瀏覽器緩存的優點有：
減少了冗餘的數據傳輸，節省了網費
減少了伺服器的負擔，大大提升了網站的性能
加快了客戶端載入網頁的速度
在前端開發面試中，瀏覽器緩存是web性能優化面試題中很重要的一個知識點，從而說明瀏覽器緩存是提升web性能的一大利器，但是瀏覽器緩存如果使用不當，也會產生很多問題，正所謂是，想說愛你，並不是很容易的事。所以，結合最近遇到的案例，本文對瀏覽器緩存相關的知識進行總結歸納，希望對讀者有所幫助。
瀏覽器緩存的分類
瀏覽器緩存主要有兩類：緩存協商和徹底緩存，也有稱之為協商緩存和強緩存。
瀏覽器在第一次請求發生後，再次請求時：
瀏覽器會先獲取該資源緩存的header信息，根據其中的expires和cahe-control判斷是否命中強緩存，若命中則直接從緩存中獲取資源，包括緩存的header信息，本次請求不會與伺服器進行通信;
如果沒有命中強緩存，瀏覽器會發送請求到伺服器，該請求會攜帶第一次請求返回的有關緩存的header欄位信息(Last-Modified/IF-Modified-Since、Etag/IF-None-Match),由伺服器根據請求中的相關header信息來對比結果是否命中協商緩存，若命中，則伺服器返回新的響應header信息更新緩存中的對應header信息，但是並不返回資源內容，它會告知瀏覽器可以直接從緩存獲取;否則返回最新的資源內容
強緩存
強緩存是利用http的返回頭中的Expires或者Cache-Control兩個欄位來控制的，用來表示資源的緩存時間。
Expires
該欄位是http1.0時的規范，它的值為一個絕對時間的GMT格式的時間字元串，比如Expires:Mon,18Oct206623:59:59GMT。這個時間代表著這個資源的失效時間，在此時間之前，昭通電腦培訓建議即命中緩存。這種方式有一個明顯的缺點，由於失效時間是一個絕對時間，所以當伺服器與客戶端時間偏差較大時，就會導致緩存混亂。
❷ 瀏覽器緩存的方式和類型（筆記）
瀏覽器緩存只是計算機緩存的一種
1.內存緩存
將數據存到內存
2.代理伺服器緩存
就是個自己找的中介。你拿東西先找中介，中介找房東，房東給中介，中介又給你。比如你需要房子鑰匙，房東把鑰匙放在中介那，你直接從中介那裡拿鑰匙。
3.CDN緩存
將數據存到CDN伺服器。CDN也是個中介，不過這個中介是根據中介的忙碌程度（CDN伺服器忙碌程度）、跟你的距離（CDN伺服器和你的距離）自動給你分配的。
4.瀏覽器緩存（ 我是個前端，只關注瀏覽器緩存。 ）
根據HTTP協議決定要不要緩存，以什麼方式緩存，緩存到哪（內存還是硬碟等）。
瀏覽器緩存是將瀏覽器請求過的數據（資源文件）保存到電腦上。需要再次使用的時候，直接從電腦上獲取保存的數據（資源文件），這就是瀏覽器緩存
1.減少網路請求，節省流量
2.減輕伺服器壓力
3.資源載入速度快了，前端性能就更好了
1.Server Worker
還沒搞懂，搞懂了再來寫。
2.Memory Cache
內存中的緩存，關閉頁面進程就釋放內存
3.Disk Memory
硬碟中的緩存，不主動清理就一直在
4、Push Cache
推送緩存，是HTTP/2的內容，並沒有嚴格執行HTTP頭部的緩存指令。在Server Worker、Memory Cache、Disk Cache都沒有命中的時候，它會被使用。在Session中存在，Session結束就會被釋放，緩存時間短暫。
1.先去內存查找，找到直接載入
2.內存找不到，硬碟中找，找到直接載入
3.硬碟找不到進行網路請求
4.把請求獲取的資源再緩存到硬碟和內存
1.強緩存
控制強制緩存的欄位分別是Expires和Cache-Control，Cache-Control優先順序比Expires高
-Expires設置一個絕對時間的GMT格式的時間字元串，這個是資源失效時間（ 客戶端的時間小於Expires的值，缺陷就是客戶端的時間被改變就有問題 ），在這個時間之前都直接讀取緩存。
-Cache-Control替代Expires，它利用的是相對時間，利用header信息欄位的max-age值判斷。
2.協商緩存
-Last-Modified/If-Modified-Since
Last-Modified:瀏覽器向伺服器發送資源最後的修改時間
If-Modified-Since:當資源過期時，發現響應頭具有Last-Modified聲明，則再次向伺服器請求時帶上頭if-modified-since，表示請求時間。伺服器收到請求後，發現有if-modified-since則與被請求資源的最後修改時間進行對比（Last-Modified）,若最後修改時間較新，說明資源又被改過，則返回最新資源，返回200；若最後修改時間較小，說明資源無新修改，返回304 ，使用緩存文件。
缺點:單位是秒，一秒內多次改變會認為沒過期
-ETag/If-None-Match
ETag:由伺服器生成返回給前端，幫助伺服器控制web端的緩存驗證，伺服器會生成並且返回當前資源文件的一個唯一標識
If-None-Match:當資源過期時，發現響應頭具有Etag聲明，則再次向伺服器請求時帶上頭if-none-match（唯一標識Etag值）。伺服器收到該請求後，發現有If-None-Match則根據If-None-Match的欄位值與該資源在伺服器的Etag值做對比，一致則返回304，代表資源無更新，繼續使用緩存文件；不一致則重新返回資源文件，狀態碼為200。
1.強緩存不發請求，協商緩存會發請求給伺服器確認有沒有過期
2.強緩存文件更新瀏覽器不知道，協商緩存更新瀏覽器能實時知道
1.點擊瀏覽器的刷新按鈕時，全部走緩存
2.F5或者滑鼠右鍵刷新強制緩存失效，不影響協商緩存
3.CTRL+F5影響強制緩存和協商緩存都失效
❸ vivo自帶瀏覽器緩存視頻很慢怎麼辦
有網路原因、手機自身原因、瀏覽器原因、視頻源文件原因等四大方面。
網路原因：一般而言，如果是用數據流量下載，可能是所處的網路環境不好，導致網速慢，可暫停一下，等網路環境好了再繼續下載。如果是wifi，就要看手機在看視頻時有沒有什麼手機軟體程序在下載其它東西佔用了網速，如果有，關閉這個軟體。
手機自身原因：手機本身後台啟動了多個程序，導致運行內存被佔用過多，進而拖慢了網速。可對後台所佔用的程序進行清理，僅保留瀏覽器程序。
瀏覽器原因：瀏覽器沒有及時清理緩存數據，導致緩存的垃圾過多，瀏覽器反應遲鈍。可清除瀏覽器的緩存垃圾。或者重新裝一個瀏覽器。
視頻源文件原因：所下載的視頻源文件有問題，導致不能順暢下載，可暫停或取消重新下有可能改善。或者換一個文件源，即換一個下載地址。
vivo為一個專注於智能手機領域的手機品牌，vivo和追求樂趣、充滿活力、年輕時尚的城市群體一起打造擁有卓越外觀、愉悅體驗的智能產品，並將敢於追求極致、持續創造驚喜作為vivo的堅定追求。
❹ 怎麼更新瀏覽器緩存
按快捷鍵Ctrl+F5即可
Ctrl+F5要的是徹底的從Server拿一份新的資源過來，所以不光要發送HTTP request給Server，而且這個請求裡面連If-Modified-Since/If-None-Match都沒有，這樣就逼著Server不能返回304，而是把整個資源原原本本地返回一份，這樣，Ctrl+F5引發的傳輸時間變長了，自然網頁Refresh的也慢一些。
❺ 如何增加瀏覽器緩存
以ie瀏覽器為例介紹瀏覽器緩存設置辦法:
1、啟動ie瀏覽器，點擊設置按鈕，點擊internet選項命令；
4、點擊確定關閉internet選項對話框即可。
❻ chrome 瀏覽器更新緩存有什麼作用，能否清除
更新緩存沒什麼用，更新後刪除即可。
Chrome 瀏覽器清除緩存的方法：
1、點擊瀏覽器右上方的「扳手」圖標→「選項」，打開谷歌瀏覽器選項。
3、快捷的辦法就是使用快捷鍵：ctrl+shift+del。直接調出「清除瀏覽數據」窗口。
❼ 怎麼清除瀏覽器緩存
在開發過程中需要不斷更新相關頁面文件，但是多數瀏覽器為了提高瀏覽速度都會在二次訪問時先讀取緩存，這樣會給研發人員錯誤信息，那麼，怎麼清除瀏覽器緩存?下面跟我一起來了解一下吧!
怎麼清除瀏覽器緩存
雖然瀏覽器緩存給用戶帶來了一定的便利，但是電腦中瀏覽器緩存的文件文檔過多的話，往往會對瀏覽器的打開速度造成一定的影響，也會給網站的訪問統計帶來一定的困擾。因此在電腦使用一段時間後，要對其進行清除瀏覽器緩存的操作，這樣才能為人們的使用帶來長久的舒心。
現在多數人使用的都是IE瀏覽器，因此在這里我將著重講解IE瀏覽器清除緩存的方式。雖然IE瀏覽器現在在市面上運行和使用的有三個不同的版本，其清除緩存的方式有一定的不同，但是其清除緩存的第一步都是一樣的，都是打開瀏覽器，然後隨意打開任一網頁，然後在其所出現的界面的左上方會有一個「工具」的選項，然後對其進行單擊右鍵的操作，在其所出現的選項中點擊「Internet選項」這一選項即可。
在進行上述的操作之後，你就可以根據你的IE瀏覽器的版本選擇具體的刪除方式了。目前大多數人使用的瀏覽器的版本是IE6.0，因此在這里我將詳細講解IE6.0的.具體清楚緩存的步驟。
在點擊「Internet選項」之後，在其所出現的頁面的上方選擇「常規」這一選項，然後選中「刪除Cookies」這一選項，然後在其所彈出的窗口中進行點擊確認即可。
然後再刪除文件這一選項中，對「刪除所有離線內容」這一選項進行點擊確認即可。
最後在對「清除歷史記錄」這一選項進項點擊確認，在其所彈出的界面的下方選擇「是」這一按鈕，然後再其最下方點擊確認就可以了。
這樣你就清楚了所有的緩存文件或者是歷史記錄了。其他不同的瀏覽器的版本都可以在其所出現的界面中根據其界面中所出現的內容進行清除緩存的操作。清除了瀏覽器的緩存之後，你會發覺電腦打開網頁的速度得到了明顯的提高。
❽ 電腦如何刷新瀏覽器緩存
1、點擊工具菜單。如果您沒找到該菜單，請按鍵盤上的 Alt 鍵來顯示菜單。
2、選擇刪除瀏覽的歷史記錄。
3、點擊刪除文件按鈕。
4、在確認窗口中點擊是按鈕。
5、點擊關閉按鈕。
❾ 瀏覽器緩存機制
有dns的地方,就有緩存。瀏覽器、操作系統、Local DNS、根域名伺服器，它們都會對DNS結果做一定程度的緩存。
DNS查詢過程如下:
首先搜索瀏覽器自身的DNS緩存,如果存在，則域名解析到此完成。
如果瀏覽器自身的緩存裡面沒有找到對應的條目，那麼會嘗試讀取操作系統的hosts文件看是否存在對應的映射關系,如果存在，則域名解析到此完成。
如果本地hosts文件不存在映射關系，則查找本地DNS伺服器(ISP伺服器,或者自己手動設置的DNS伺服器),如果存在,域名到此解析完成。
如果本地DNS伺服器還沒找到的話,它就會向根伺服器發出請求,進行遞歸查詢。
瀏覽器本地緩存失效後，瀏覽器會向CDN邊緣節點發起請求。類似瀏覽器緩存,CDN邊緣節點也存在著一套緩存機制。CDN邊緣節點緩存策略因服務商不同而不同，但一般都會遵循http標准協議，通過http響應頭中的
Cache-control: max-age 的欄位來設置CDN邊緣節點數據緩存時間。
當瀏覽器向CDN節點請求數據時，CDN節點會判斷緩存數據是否過期，若緩存數據並沒有過期，則直接將緩存數據返回給客戶端；否則，CDN節點就會向伺服器發出回源請求，從伺服器拉取最新數據，更新本地緩存，並將最新數據返回給客戶端。 CDN服務商一般會提供基於文件後綴、目錄多個維度來指定CDN緩存時間，為用戶提供更精細化的緩存管理。
CDN 優勢
CDN節點解決了跨運營商和跨地域訪問的問題，訪問延時大大降低。
大部分請求在CDN邊緣節點完成，CDN起到了分流作用，減輕了源伺服器的負載。
http請求報文（request）
請求行
請求方法 空格 URL 空格 協議版本 回車符 換行符
請求頭（通用信息頭、請求頭、實體頭）
頭部欄位名 冒號 值 回車鍵 換行符
...
頭部欄位名 冒號 值 回車鍵 換行符
空行
回車符 換行符
實體主體（只有post請求有）
主體
http響應報文（response）
狀態行
協議版本 空格 狀態碼 空格 狀態碼描述 回車符 換行符
響應頭部
頭部欄位名 冒號 值 回車符 換行符
...
頭部欄位名 冒號 值 回車符 換行符
空行
回車符 換行符
響應正文
正文
瀏覽器初次向伺服器發起請求後拿到請求結果，會根據響應報文中HTTP頭的緩存標識，決定是否緩存返回的結果，是則將請求結果和緩存標識存入瀏覽器緩存中
瀏覽器每次發起請求，都會現在瀏覽器緩存中查找該請求的結果以及緩存標識
瀏覽器 瀏覽器緩存 伺服器
——————第一次發起http請求——————>
<——沒有該請求的緩存結果和緩存標識————
——————————————發起http請求——————————————>
<——————————返回該請求結果和緩存規則————————————
——將請求結果和緩存標識存入瀏覽器緩存——>
強制緩存就是向瀏覽器緩存查找結果，並根據該結果的緩存規則來決定是否使用該緩存結果的過程
強制緩存的情況分為三種：
1、不存在該緩存結果和緩存標識，強制緩存失效，直接向伺服器發起請求
2、存在該緩存結果和緩存標識，但結果已經失效，強制緩存失效，使用協商緩存
3、存在該緩存結果和緩存標識，且該結果沒有失效，強制緩存生效，直接返回該結果
控制強制緩存的欄位：Expires，Cache-Control
Expires 是 HTTP/1.0 控制緩存的欄位，值為伺服器返回該請求的結果緩存時間
即再次發送請求是，客戶端時間 小於 Expires的值，直接使用緩存結果
Cache-Control 是HTTP/1.1的規則，主要用於控制網頁緩存，主要取值為：
public：所有的內容都緩存（客戶端和代理伺服器都可以緩存）
private：所有內容只有客戶端可以緩存（默認值）
no-cache：客戶端緩存內容，但是是否使用緩存則需要經過協商緩存來驗證決定
no-store：即不使用強制緩存，也不使用協商緩存
max-age=xxx：緩存內容將在xxx秒後失效
Expires 是一個絕對值
Cache-Control 中 max-age 是相對值，解決了 Expires時期 服務端與客戶端 可能出現時間差的問題
註：Expires和Cache-Control同時存在時，只有Cache-Control生效
協商緩存就是強制緩存失效後，瀏覽器攜帶緩存標識向伺服器發起請求，由伺服器根據緩存標識決定是否使用緩存的過程
協商緩存的兩種情況：
1、協商緩存生效，返回304，繼續使用緩存
過程：
瀏覽器 瀏覽器緩存 伺服器
————————發起http請求————————>
<——該請求的緩存結果失效，只返回緩存標識——
————————攜帶該資源的緩存標識，發起http請求————————>
<—————————————304，該資源無更新————————————
——————獲取該請求的緩存結果——————>
<——————返回該請求的緩存結果——————
2、協商緩存失敗，返回200和請求結果
過程：
瀏覽器 瀏覽器緩存 伺服器
————————發起http請求————————>
<——該請求的緩存結果失效，只返回緩存標識——
————————攜帶該資源的緩存標識，發起http請求————————>
<————————200，資源已更新，重新返回請求和結果———————
——將該請求結果和緩存標識存入瀏覽器緩存中—>
協商緩存的標識也是在響應報文的HTTP頭中和請求結果一起返回給瀏覽器的
控制協商緩存的欄位：
(1) Last-Modified/If-Modified-Since：Last-Modified是伺服器響應請求是，返回該資源文件在伺服器最後被修改的時間；If-Modified-Since再次發起請求時，攜帶上次返回的Last-Modified的值，伺服器將該欄位值與該資源最後修改時間對比，決定是否用緩存
(2)Etag/If-None-Match：Etag伺服器響應請求時，返回當前資源文件的一個唯一標識，由伺服器生成之；If-None-Match是再次發起請求時，攜帶上次返回的唯一標識Etag的值，伺服器收到後，將該欄位值與該資源在伺服器上的Etag對比，一致 則返回304，否則返回200
註：Etag/If-None-Match優先順序高於Last-Modified/If-Modified-Since，同時存在時只有Etag/If-None-Match生效
瀏覽器緩存分為：內存緩存 和 硬碟緩存
內存緩存特性：
(1)快速讀取：內存緩存會將編譯解析後的文件，存入該進程的內存中，便於下次運行時快速讀取
(2)時效性：一旦關閉進程，進程內存清空
硬碟緩存特性：
永久性：直接寫入硬碟文件中
復雜、緩慢：讀取緩存對該緩存存放的硬碟文件進行I/O操作，重新解析
from memory cache：使用內存中的緩存
from disk cache：使用硬碟中的緩存
瀏覽器讀取順序：memory ——> disk
瀏覽器將js和圖片等文件解析執行後直接存入內存緩存中，F5刷新頁面時，from memory cache(使用內存中的緩存)
css文件存入硬碟中，F5刷新頁面時，from disk cache(使用硬碟中的緩存)
參考文章
https://segmentfault.com/a/1190000017962411
https://www.cnblogs.com/chengxs/p/10396066.html
❿ 北大青鳥java培訓：什麼是瀏覽器緩存
什麼是瀏覽器緩存瀏覽器緩存(BrowerCaching)是瀏覽器在本地磁碟對用戶最近請求過的文檔進行存儲，當訪問者再次訪問同一頁面時，瀏覽器就可以直接從本地磁碟載入文檔。
瀏覽器緩存的優點有：減少了冗餘的數據傳輸，節省了網費減少了伺服器的負擔，大大提升了網站的性能加快了客戶端載入網頁的速度在前端開發面試中，瀏覽器緩存是web性能優化面試題中很重要的一個知識點，從而說明瀏覽器緩存是提升web性能的一大利器，但是瀏覽器緩存如果使用不當，也會產生很多問題，正所謂是，想說愛你，並不是很容易的事。
所以，結合最近遇到的案例，本文對瀏覽器緩存相關的知識進行總結歸納，希望對讀者有所幫助。
瀏覽器緩存的分類瀏覽器緩存主要有兩類：緩存協商和徹底緩存，也有稱之為協商緩存和強緩存。
瀏覽器在第一次請求發生後，再次請求時：瀏覽器會先獲取該資源緩存的header信息，根據其中的expires和cahe-control判斷是否命中強緩存，若命中則直接從緩存中獲取資源，包括緩存的header信息，本次請求不會與伺服器進行通信;如果沒有命中強緩存，瀏覽器會發送請求到伺服器，該請求會攜帶第一次請求返回的有關緩存的header欄位信息(Last-Modified/IF-Modified-Since、Etag/IF-None-Match),由伺服器根據請求中的相關header信息來對比結果是否命中協商緩存，若命中，則伺服器返回新的響應header信息更新緩存中的對應header信息，但是並不返回資源內容，它會告知瀏覽器可以直接從緩存獲取;否則返回最新的資源內容強緩存強緩存是利用http的返回頭中的Expires或者Cache-Control兩個欄位來控制的，用來表示資源的緩存時間。
Expires該欄位是http1.0時的規范，它的值為一個絕對時間的GMT格式的時間字元串，比如Expires:Mon,18Oct206623:59:59GMT。
這個時間代表著這個資源的失效時間，在此時間之前，湖北電腦培訓建議即命中緩存。
這種方式有一個明顯的缺點，由於失效時間是一個絕對時間，所以當伺服器與客戶端時間偏差較大時，就會導致緩存混亂。