瀏覽器快取分為兩種, 強制快取 與 協商快取,
強制快取有 在 header 中的 expires 設定乙個過期時間,如設定則未過期檔案將不請求伺服器直接使用快取,這個的缺點是伺服器時間與客戶端時間可能不一直. 另一種是 cache-control,通過設定 cache-control 的 max-age 設定相對過期時間,單位 秒,可以相對於客戶端請求的時間之後多長時間之內直接使用 快取.
協商快取有 last-modified 標記最後檔案修改時間,如果檔案修改時間沒有變更則返回 304 直接使用本地快取,通常伺服器與瀏覽器會自動完成此字段的. 另外一種是 etag,這種方式是看檔案內容是否變更而非通過修改時間,這樣就避免了 a -> b -> a 這種雖然有修改但是實際內容並未發生變化的情況.這種方式的缺點是需要傳送一次請求向伺服器,用於確定是否使用快取,而 強制快取則無需向伺服器傳送請求,瀏覽器會直接使用未過期的快取.
優先順序 cache-control > expires > etag > last-modified
瀏覽器重新整理方式有三種, ctrl + f5, f5, 位址列輸入位址按回車.ctrl + f5 方式會強制重新請求並重新快取,上述機制均無效. f5 重新整理只有 last-modified 這種機制有效, 輸入位址回車的方式上述機制都有效
最後附上常用 http 狀態碼含義
200 : 正常請求
201: 伺服器接收到請求,乙個新的資源已經建立
202: 伺服器接收到請求,新的資源尚未被建立
204: 伺服器已經成功處理請求,並且無需返回資訊
300: 資源重定向
301: 資源永久重定向,常用於伺服器搬遷,對搜尋引擎的友好提示,不會損失seo
302: 資源臨時從不同 url 響應
303: 資源可以在另乙個 url 找到,臨時重定向
304: 伺服器已經接收到請求,但是請求的文件並未發生改變,應使用快取的內容
400: 語義有誤,伺服器無法理解
401: 當前請求需要使用者驗證
403: 伺服器已經理解請求,但是拒絕連線
404: 伺服器沒有找到對應的資源
500: 伺服器遇到乙個未知的錯誤
HTTP瀏覽器快取機制
來自 瀏覽器快取機制 瀏覽器快取機制，其實主要就是http協議定義的快取機制 如 expires cache control等 但是也有非http協議定義的快取機制，如使用html meta 標籤，web開發者可以在html頁面的節點中加入標籤，如下 上述 的作用是告訴瀏覽器當前頁面不被快取，每次訪...
瀏覽器HTTP快取機制
介紹http快取之前先簡單說一下web快取 web快取是一種儲存web資源副本並在下次請求時直接使用該副本的技術。web快取可以分為這幾種 瀏覽器快取 cdn快取 伺服器快取 資料庫資料快取 因為可能會直接使用副本免於重新傳送請求或者僅僅確認資源沒變無需重新傳輸資源實體，web快取可以減少延遲加快網...
瀏覽器快取機制 http快取頭
重用已獲取的資源能夠有效的提公升 與應用的效能。web 快取能夠減少延遲與網路阻塞，進而減少顯示某個資源所用的時間。借助 http 快取，web 站點變得更具有響應性。快取作為加快頁面載入速度的方法，可以說是必不可少的乙個方法，如何能更好地運用快取來服務客戶，首先我們就得了解清楚快取 先上一張從se...