瀏覽器緩存控制

来源:http://www.cnblogs.com/kevin2chen/archive/2017/02/22/6431322.html
-Advertisement-
Play Games

瀏覽器緩存控制 Last-Modified/ If-Modified-Since 在瀏覽器第一次請求某一個URL時,伺服器端的返回狀態碼200,內容是客戶端請求的資源,同時有一個Last-Modified的屬性標記此文件在伺服器端最後被修改的時間。 Last-Modified格式類似這樣:Last- ...


瀏覽器緩存控制

Last-Modified/ If-Modified-Since

在瀏覽器第一次請求某一個URL時,伺服器端的返回狀態碼200,內容是客戶端請求的資源,同時有一個Last-Modified的屬性標記此文件在伺服器端最後被修改的時間。

Last-Modified格式類似這樣:Last-Modified : Fri , 12 May 2006 18:53:33 GMT

客戶端第二次請求此URL時,根據HTTP協議的規定,瀏覽器會向伺服器傳送If-Modified-Since報頭,詢問該時間之後文件是否有被修改過:

If-Modified-Since : Fri , 12 May 2006 18:53:33 GMT

如果伺服器端的資源沒有變化,則自動返回 HTTP 304(Not Changed.)狀態碼,內容為空,這樣就節省了傳輸數據量。當伺服器端代碼發生改變或者重啟伺服器時,則重新發出資源,返回和第一次請求類似。從而保證不向客戶端重覆發出資源,也保證當伺服器有變化時,客戶端能夠得到最新的資源。

Last-Modified的問題

1、一些文件會被編輯,但內容並未改變,這個時候不希望客戶端認為這個文件被修改了,而重新獲取資源。

2、某些文件修改非常頻繁,比如在秒以下的時間內進行修改,If-Modified-Since無法檢查到。

3、某些伺服器不能精確的得到文件的最後修改時間。

 

Expires

Expires用來控制緩存失效的日期。當瀏覽器看到響應中有一個Expires頭時,它會和相應的組件一起保存到其緩存中,只要組件沒有過期,瀏覽器就會使用緩存版本而不會進行任何的HTTP請求。長久的Expires頭適用於圖片等不經常更新的資源。Expires設置的日期格式必須為GMT(格林尼治標準時間)。

Expires:Wed, 11 Jan 2017 08:10:26 GMT

Expires的不足:

首先,Expires頭使用的是一個特定的時間,要求客戶端和伺服器端的時鐘嚴格同步。如果伺服器和客戶端的時間不統一,這有可能出現緩存提前失效的情況,存在不穩定性。其次,假如Expires的日期到來,需要在伺服器配置中再提供一個新的日期。

 

Cache-Control

HTTP1.1引入了Cache-Control頭來剋服Expires頭的不足。Cache-Control使用max-age制定組件被緩存多久,以秒為單位。例如

Cache-Control:max-age=3600表示組件將被緩存60分鐘。

如果max-age和Expires同時出現,則max-age有更高的優先順序,瀏覽器會根據max-age的時間來確認緩存過期時間。

常用 cache-directive 

Cache-directive

說明

public

所有內容都將被緩存(客戶端和代理伺服器都可緩存)

private

內容只緩存到私有緩存中(僅客戶端可以緩存,代理伺服器不可緩存),預設值

no-cache

必須先與伺服器確認返回的響應是否被更改,然後才能使用該響應來滿足後續對同一個網址的請求。因此,如果存在合適的驗證令牌 (ETag),no-cache 會發起往返通信來驗證緩存的響應,如果資源未被更改,可以避免下載。

no-store

所有內容都不會被緩存到緩存或 Internet 臨時文件中

must-revalidation/proxy-revalidation

如果緩存的內容失效,請求必鬚髮送到伺服器/代理以進行重新驗證

max-age=xxx (xxx is numeric)

緩存的內容將在 xxx 秒後失效, 這個選項只在HTTP 1.1可用。如果和Last-Modified一起使用時, 優先順序較高

 

瀏覽器的不同操作

打開新視窗

如果指定cache-control的值為private、no-cache、must-revalidate,那麼打開新視窗訪問時都會重新訪問伺服器。而如果指定了max-age值,那麼在此值內的時間里就不會重新訪問伺服器,例如:Cache-control: max-age=5 表示當訪問此網頁後的5秒內不會去再次訪問伺服器.

在地址欄回車

如果值為private或must-revalidate,則只有第一次訪問時會訪問伺服器,以後就不再訪問。如果值為no-cache,那麼每次都會訪問。如果值為max-age,則在過期之前不會重覆訪問。

按後退按扭

如果值為private、must-revalidate、max-age,則不會重訪問,而如果為no-cache,則每次都重覆訪問.

按刷新按扭

無論為何值,都會重覆訪問.

 

Etag(Entity Tag)

伺服器在檢測緩存的組件是否和原始伺服器上的組件匹配時有兩種方法:

(1)比較最近修改日期;Last-Modified/If-Modified-since

(1)比較實體標簽;Etag/If-None-Match(優先順序比If-Modified-since高)

實體標簽,是web伺服器和瀏覽器用於確認緩存組件的有效性的一種機制。

           ETag:"50b1c1d4f775c61:df3"

第一次請求時:

1.客戶端發起HTTP GET 請求一個資源;

2.伺服器處理請求,返回資源,包括Http Etag和狀態碼200

第二次請求時:

1.客戶端發起 HTTP GET 請求一個文件,請求中包括一個If-None-Match頭,內容就是第一次請求時伺服器返回的Etag的值

2.伺服器判斷接受到的Etag和計算出來的Etag是否匹配。若匹配,返回304狀態碼,客戶端繼續使用本地的緩存。若不匹配,返回資源和新的ETag。

ETag帶來的問題

ETag通常使用組件的某些屬性來構造它,這些屬性對於特定的寄宿了網站伺服器來說是唯一的。當瀏覽器從一臺伺服器上獲取了原始組件,之後又向另外一臺不同的伺服器發起條件GET請求時,ETag是不會匹配的。

對組件進行不必要的重新載入還會影響伺服器的性能並增加帶寬開銷。如果你的RoundRobin Rotation集群中有n台伺服器,下一次用戶緩存中的Etag能和伺服器匹配的概率是1/n。Etag還會降低代理緩存的效率,因為代理的與自身的不匹配會重新下載。

HTTP響應優化

移除ETag,Expires,使用Cache-Control控制本地緩存。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • BDP BDP是一個商業化的可視化Web工具,提供免費的功能試用,有很多產品設計可以借鑒,主要功能有: 網址:https://me.bdp.cn/login.html SAIKU SAIKU是一個開源的可視化工具,底層使用mondrian來獲取數據,支持多種數據源,但是一個高級功能需要收費,比如da ...
  • 設計模式主要三類型:創建型、結構型行型 其創建型: 一、Singleton單例模式:保證類實例並提供訪問全局訪問點 二、Abstract Factory抽象工廠:提供創建系列相關或相互依賴象介面須指定具體類 三、Factory Method工廠:定義用於創建象介面讓類決定實例化哪類Factory M ...
  • Californium 源碼分析 1. Californium 項目簡介 Californium 是一款基於Java實現的Coap技術框架,該項目實現了Coap協議的各種請求響應定義,支持CON/NON不同的可靠性傳輸模式。 Californium 基於分層設計且高度可擴展,其內部模塊設計及介面定義 ...
  • 高併發的核心技術-冪等的實現方案 一、背景 我們實際系統中有很多操作,是不管做多少次,都應該產生一樣的效果或返回一樣的結果。 例如: 1. 前端重覆提交選中的數據,應該後臺只產生對應這個數據的一個反應結果。 2. 我們發起一筆付款請求,應該只扣用戶賬戶一次錢,當遇到網路重發或系統bug重發,也應該只 ...
  • 領域驅動設計(DDD)對開發者來說是面向對象設計的自然進化 總的來說DDD包括兩個部分: 分析部分通常是由開發人員去和領域專家溝通業務知識,但是開發人員和領域專家是有代溝的, 為了簡化溝通成本,這時統一語言出場,統一語言是項目各方共同使用的辭彙表, 在溝通業務知識,又或者叫溝通需求階段,開發人員需要 ...
  • Spring 的運行原理,包括spring如何創建對象(IOC 控制反轉)和將對象的屬性註入(DI 依賴註入)。詳細介紹spring是如何配置各種bean,並且維護bean與bean之間的關係。 ...
  • 一、持久化類概述 就是一個JavaBean,這個JavaBean與表建立了映射關係。這個類就稱為是持久化類。 簡單理解為 持久化類=JavaBean+映射文件。 持久化類:是指其實例需要被Hibernate持久化到資料庫中的類。持久化類符合JavaBean的規範,包含一些屬性,以及與之對應的getX ...
  • 1 (function(window,undefined){ 2 var arr = [], 3 push = arr.push, 4 slice = arr.slice; 5 //首先要做的就是封裝一個parseHtml函數 6 //要註意的是,parthHtml要放在一個自調用函數內 7 var... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...