學習之瀏覽器快取 新手小白的簡單理解

2021-10-06 07:46:13 字數 697 閱讀 8949

瀏覽器發起請求時,會先在瀏覽器快取中查詢該請求的結果以及快取標誌

如果沒有快取標誌,會進行下面過程

1.向伺服器傳送http請求

2.伺服器返回該請求的結果和快取規則

3.將該請求結果和快取標誌存入瀏覽器快取中

如果有快取標誌,會檢視瀏覽器快取策略,判斷強快取是否生效

1.如果生效,不會向伺服器傳送請求,直接從快取中讀取資源,根據快取優先順序,確定使用哪一種快取

2.如果不生效,則要進行協商快取

強快取-包括expires和cache-control

1.expires(到期時間),來指定資源到期時間,根據伺服器的時間

2.cache-control(快取控制),優先順序高於expires ,常見值如下

協商快取-包括last-modified和etag

1.last-modified

2.etag,優先順序高於last-modified

1.memory cache(記憶體中的快取)

2.disk cache(硬碟中的快取)

上還有兩種,我不太理解,就不寫了

學習之瀏覽器的渲染機制 新手小白的簡單理解

當你在瀏覽器中輸入url之後,如果請求成功,會得到伺服器提供的資源 html,css,js,等 瀏覽器會執行下面的操作 解析html時,是從上至下的 如果遇到script,dom樹和cssom樹的構建都會暫停,被阻塞,直到指令碼載入完畢或者是執行完畢 display none的元素也會在dom樹中 ...

簡單總結瀏覽器快取

瀏覽器快取 瀏覽器快取是瀏覽器在本地磁碟對使用者最近請求過的文件進行儲存,當訪問者再次訪問同一頁面的時候,瀏覽器可以直接從本地磁碟載入文件。為什麼要使用瀏覽器快取 瀏覽器快取作為web效能優化的重要方式之一,那麼瀏覽器快取的過程是怎麼樣的呢?瀏覽器快取過程 在瀏覽器第一次發起請求時,本地無快取,向伺...

簡單理解瀏覽器快取

寫在前面 前段時間公司同事分享了前端快取有關的知識,作為乙個還沒畢業的實習生,聽得我一頭霧水,遂在閒暇之際,自己捋一捋。快取是效能優化中非常重要的一環,快取的意義就在於減少請求,更多地使用本地的資源,給使用者更好的體驗的同時,也減輕伺服器壓力。接下裡從三個部分來說明一下前端的快取。1.強快取 2.協...