HTTP协议——缓存

最新推荐文章于 2024-08-25 14:00:00 发布
最新推荐文章于 2024-08-25 14:00:00 发布
阅读量205 收藏 1
点赞数 1
分类专栏： http
原文链接：https://www.cnblogs.com/TankXiao/archive/2012/11/28/2793365.html
版权

缓存的概念

缓存这个东西真的是无处不在， 有浏览器端的缓存， 有服务器端的缓存，有代理服务器的缓存， 有ASP.NET页面缓存，对象缓存。 数据库也有缓存， 等等。

http中具有缓存功能的是浏览器缓存，以及缓存代理服务器。

 

http缓存的是指:当Web请求抵达缓存时， 如果本地有“已缓存的”副本，就可以从本地存储设备而不是从原始服务器中提取这个文档。

缓存的好处

缓存的好处是显而易见的， 好处有，

1. 减少了冗余的数据传输，节省了网费。

2. 减少了服务器的负担， 大大提高了网站的性能

3. 加快了客户端加载网页的速度

 

Fiddler可以方便地查看缓存的header

Fiddler中把header都分门别类的放在一起，这样方便查看。

 

如何判断缓存新鲜度

Web服务器通过2种方式来判断浏览器缓存是否是最新的。

第一种， 浏览器把缓存文件的最后修改时间通过 header ”If-Modified-Since“来告诉Web服务器。

第二种， 浏览器把缓存文件的ETag, 通过header "If-None-Match", 来告诉Web服务器。

 

通过最后修改时间, 来判断缓存新鲜度


1. 浏览器客户端想请求一个文档，  首先检查本地缓存，发现存在这个文档的缓存，  获取缓存中文档的最后修改时间，通过： If-Modified-Since， 发送Request给Web服务器。

2. Web服务器收到Request，将服务器的文档修改时间（Last-Modified）: 跟request header 中的，If-Modified-Since相比较， 如果时间是一样的， 说明缓存还是最新的， Web服务器将发送304 Not Modified给浏览器客户端， 告诉客户端直接使用缓存里的版本。如下图。

3. 假如该文档已经被更新了。Web服务器将发送该文档的最新版本给浏览器客户端， 如下图。

 

实例： 打开Fiddler, 然后打开博客园首页。然后F5刷新几次浏览器。 你会看到博客园首页也用了缓存。

 

与缓存有关的header

我们来看看每个header的具体含义。

Request

Cache-Control: max-age=0以秒为单位
If-Modified-Since: Mon, 19 Nov 2012 08:38:01 GMT缓存文件的最后修改时间。
If-None-Match: "0693f67a67cc1:0"缓存文件的Etag值
Cache-Control: no-cache不使用缓存
Pragma: no-cache不使用缓存
  

 

 

    

 

 

 

Response

Cache-Control: public响应被缓存，并且在多用户间共享，  （公有缓存和私有缓存的区别，请看另一节）
Cache-Control: private响应只能作为私有缓存，不能在用户之间共享
Cache-Control:no-cache提醒浏览器要从服务器提取文档进行验证
Cache-Control:no-store绝对禁止缓存（用于机密，敏感文件）
Cache-Control: max-age=6060秒之后缓存过期（相对时间）
Date: Mon, 19 Nov 2012 08:39:00 GMT当前response发送的时间
Expires: Mon, 19 Nov 2012 08:40:01 GMT缓存过期的时间（绝对时间）
Last-Modified: Mon, 19 Nov 2012 08:38:01 GMT服务器端文件的最后修改时间
ETag: "20b1add7ec1cd1:0"服务器端文件的Etag值

 

 

 

 

 

 

 

 

 

 

如果同时存在cache-control和Expires怎么办呢？
浏览器总是优先使用cache-control，如果没有cache-control才考虑Expires  

 

ETag

ETag是实体标签（Entity Tag）的缩写， 根据实体内容生成的一段hash字符串（类似于MD5或者SHA1之后的结果），可以标识资源的状态。 当资源发送改变时，ETag也随之发生变化。

ETag是Web服务端产生的，然后发给浏览器客户端。浏览器客户端是不用关心Etag是如何产生的。

为什么使用ETag呢？ 主要是为了解决Last-Modified 无法解决的一些问题。

1. 某些服务器不能精确得到文件的最后修改时间， 这样就无法通过最后修改时间来判断文件是否更新了。

2. 某些文件的修改非常频繁，在秒以下的时间内进行修改. Last-Modified只能精确到秒。

3. 一些文件的最后修改时间改变了，但是内容并未改变。 我们不希望客户端认为这个文件修改了。

 

实例， 打开Fiddler, 打开博客园首页。  你可以看到很多图片，或者CSS文件都是用了缓存。 这些都是通过比较ETag的值，来判断文件是否更新了。

 

浏览器不使用缓存

CTRL+F5强制刷新浏览器，或者设置IE。  可以让浏览器不使用缓存。

1. 浏览器发送Http request, 给Web 服务器， header中带有Cache-Control: no-cache.   明确告诉Web服务器，客户端不使用缓存。 

2. Web服务器将把最新的文档发送给浏览器客户端.

 

实例:

打开Fiddler, 打开博客园首页， 然后按CTRL+F5强制刷新浏览器，你将看到

Pragma: no-cache的作用和Cache-Control: no-cache一模一样。 都是不使用缓存。 

Pragma: no-cache 是HTTP 1.0中定义的， 所以为了兼容HTTP 1.0. 所以会同时使用Pragma: no-cache和Cache-Control: no-cache

 

直接使用缓存，不去服务器验证

按F5刷新浏览器和在地址栏里输入网址然后回车。 这两个行为是不一样的。

按F5刷新浏览器， 浏览器会去Web服务器验证缓存。

如果是在地址栏输入网址然后回车，浏览器会"直接使用有效的缓存", 而不会发http request 去服务器验证缓存，这种情况叫做缓存命中，如下图

 

实例： 比较第一次访问博客园主页和第二次博客园主页

1. 启动Fiddler, 用firefox打开博客园主页， 发现有50多个session。

2. 按CTRL+X将Fiddler中的所有session删除。 关闭firefox,重新打开一个firefox，打开博客园主页。   发现只有30多个session.

分析；  少了的session是因为firefox直接用了缓存，而没有发http request。

 

 

如何设置IE不使用缓存

打开IE。点击工具栏上的， 工具->Internet选项->常规->浏览历史记录 设置. 选择“从不”。然后保存。

然后点击“删除”  把Internet临时文件都删掉 （IE缓存的文件就是Internet临时文件）。

 

公有缓存和私有缓存的区别

Cache-Control: public 指可以公有缓存， 可以是数千名用户共享的。

Cache-Control: private 指只支持私有缓存， 私有缓存是单个用户专用的。

 

奔跑8蜗牛_
关注
专栏目录
Apache服务器配置：启用Gzip压缩和设置Expire/Cache-Control头
OUDKE的博客
09-28 364
在Apache服务器上启用Gzip压缩和配置Expire/Cache-Control头可以显著提高网站的性能和加载速度。通过启用Gzip压缩，服务器可以将传输给客户端的数据进行压缩，减小数据的大小，从而减少网络传输时间。而通过设置Expire/Cache-Control头，服务器可以指定客户端缓存文件的时间，减少对服务器的请求，同时提供更好的用户体验。这将有效地减小传输数据的大小并设置适当的缓存时间，从而提高网站的性能和加载速度。请注意，上述配置示例中的文件类型和缓存时间仅作参考。
20min带你学习——HTTP协议、以及经典面试问题
CYK_byte的博客
11-15 1668
URL就是我们实际输入的网址，也叫“唯一资源定位符”，他就像门牌号一样，通过他就可以在服务器中找到我们需要访问的资源；
HTTP协议 (四) 缓存
weixin_33970449的博客
11-28 213
之前写过一个篇 【HTTP协议详解】 ，这次继续介绍HTTP协议中的缓存机制。HTTP协议提供了非常强大的缓存机制， 了解这些缓存机制，对提高网站的性能非常有帮助。 本文介绍浏览器和Web服务器之间如何处理"浏览器缓存"，以及控制缓存的http header. 本文会使用Fiddler来查看HTTP request和Response, 如果不熟悉这工具，可以先参考[Fiddler教程] 。在看本...
HTTP缓存是如何实现
weixin_30897233的博客
11-10 132
1、缓存的分类 缓存分为服务端侧（server side，比如 Nginx、Apache）和客户端侧（client side，比如 web browser）。 服务端缓存又分为 代理服务器缓存 和 反向代理服务器缓存（也叫网关缓存，比如 Nginx反向代理、Squid等），其实广泛使用的 CDN 也是一种服务端缓存，目的都是让用户的请求走”捷径“，并且都是缓存图片、文件等静态资源。 客...
HTTP缓存
zhouzhou20002000的博客
10-26 401
强缓存优先于协商缓存，强缓存失效的情况下才会使用协商缓存。协商缓存如果缓存失效的话服务器会返回最新的资源和相关的缓存头，资源会被客户端或者第三方缓存。
HTTP协议——缓存机制总结
PdKingLiu
09-23 606
文章目录概述缓存ETag 数据令牌Catch-Control 概述 缓存是为了在下次使用资源时，能够快速的相应，避免多次IO操作。 HTTP协议中，天然支持对缓存的支持。 缓存 HTTP缓存主要是通过请求和相应报文头中对应的Header信息来控制缓存。 这要涉及两个Header。 Catch-Control：设定缓存策略，超出时间是多少。 ETag：当前返回数据的验证令牌，可能是Hash值，也可...
十、HTTP 缓存——HTTP 缓存与HttpClient客户端缓存
流楚丶格念的博客
08-25 659
在日常开发中，浏览器缓存是一个非常常见但又容易被忽视的优化手段。许多开发者在面对浏览器缓存相关问题时可能会感到困惑，因此本章内容专门用来解答这些常见问题，并帮助你更好地理解如何在 Java 应用中控制浏览器缓存。浏览器缓存是指在用户使用浏览器访问网站页面或 HTTP 服务时，根据服务器端返回的缓存控制响应头，将响应内容缓存到本地浏览器。这样，下次访问相同资源时，浏览器可以直接使用缓存内容，或者仅与服务器验证内容是否过期，从而减少网络传输的数据量，提升网站性能。public。
十、HTTP 缓存——Nginx HTTP 缓存
最新发布
流楚丶格念的博客
08-25 669
时间为 2024年8月16日 11:00:00，Nginx 将返回 304 状态码，因为资源的最后修改时间早于客户端的请求时间。：对于不常变化的异步数据（如商品详情页的评论），可以考虑设置较长时间的缓存（如 1 个月）。：对于静态资源（如 JS、CSS、图片），可以设置较长时间的缓存（如 1 个月或 1 年），通过版本号控制缓存过期。：对于不需要强一致性的页面（如商品详情页的库存信息），可以设置较短的缓存时间。通过这种配置，你可以灵活地管理 Nginx 的缓存内容，确保缓存的有效性和更新的及时性。
HTTP协议——HTTP首部总结
vikeyyyy的博客
06-20 1578
        首部和方法配合工作，共同决定了客户端和服务器能做什么事情。HTTP协议的请求和响应报文中必定含有HTTP首部，首部内容为客户端和服务器分别处理请求和响应提供所需要的信息，对客户端用户来说，这些信息中的大部分内容都无须亲自查看，因此平时在使用Web的过程中感受不到它。        HTTP请求报文由方法、URI、HTTP版本、HTTP首部字段等部分构成，具体构成如下图所示：    ...
HTTP缓存协议实战
分享Java技术知识，共同成长进步！
10-10 1911
一、什么是缓存 缓存，又称作Cache，我们把临时存储数据的地方叫做缓存池，缓存池里面放的数据就叫做缓存。当用户需要使用这些数据，首先在缓存中寻找，如果找到了则直接使用。如果找不到，则再去其他数据源中查找。 二、为什么要使用缓存技术 缓存的本质就是用空间换时间，以临时存储的数据暂时代替数据源中读取最新的数据，这种方式带来的好处在不同的场景下是不一样的。 举个例子： 当我们需要喝水时，我们会拿出一个水杯，去水龙头接一杯水来喝。大家可以思考一下，为什么用杯子来喝水，而不是直接用嘴巴在水龙头接水喝。
HTTP头部信息解析
zHx981的博客
04-15 3035
HTTP头部信息解析 HTTP的几种请求方法： POST： POST 会将数据发送到服务器来更新资源，通过POST方法向服务器传输的内容存放在包体内。 GET： 请求指定的页面信息，并返回实体主体，GET请求的查询字符串是在URL中进行传输的。 HEAD： HEAD 与 GET 几乎相同，但没有响应主体。 DELETE： DELETE 方法删除指定的资源。 PUT： PUT 用于将数据发送到服务器来创建/更新资源。多次调用相同的 PUT 请求将始终产生相同的结果。而重复调用POST请求会多次创建相同资源
“Pragma:No-cache”标记可能无法防止页面被缓存
int_tulip的专栏
07-23 6436
在IE中，在html头中设置了  元标记时，Web 页可能仍缓存在 Temporary Internet Files 文件夹中。
HTTP中的缓存方式
xllllll___的博客
07-26 557
第一种方式是基于时间来实现的，第二种方式是基于设置一个唯一标识来实现的，两者比较来说，后者可以更加准确的判断出文件内容是否被修改，避免由于时间篡改导致的问题。
Http协议：Http缓存
liufeismart2024的博客
06-14 609
http缓存重要问题在于如何实现客户端与服务端的数据同步更新问题。
计算机网络：HTTP 缓存
向北~的博客
05-12 641
强缓存指的是只要浏览器判断缓存没有过期，则直接使用浏览器的本地缓存，决定是否使用缓存的主动性在于浏览器这边。， 是一个相对时间；Expires，是一个绝对时间；如果 HTTP 响应头部同时有 Cache-Control 和 Expires 字段的话，Cache-Control的优先级高于 Expires。Cache-control 选项更多一些，所以建议使用 Cache-Control 来实现强缓存。
浏览器是如何实现Http缓存机制的？
SCUhzs
09-17 1091
《参考资料》 《深入理解浏览器的缓存机制》 《浏览器缓存原理以及本地存储》 《MDN文档》 《HTTP缓存机制》 -----------------------------------------------------正文分割线---------------------------------------------------------------- 前言 Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。 浏览器缓存也包含很多内容： HTTP 缓
缓存服务器协议有哪些,HTTP 协议的缓存机制概述
weixin_39831705的博客
08-11 350
HTTP 协议的缓存机制涉及到多个请求头字段，而且整个缓存机制的细节行为也存在各种情况的差异，譬如说什么时候访问本地缓存不发送请求，什么时候发送请求查看资源是否更新，获取 response 什么情况下更新缓存等。以前我对此一知半解只是笼统的知道一些概念，譬如 Cache-Control 可以控制缓存的时间和是否需要缓存，但是缓存过期后的行为，有缓存后浏览器是否有 http 请求都不甚了解。所以特地...
http协议如何实现缓存cache
hubanbei2010的家园
06-26 254
两个head字段client： if-modified-sinceif-none-matchserver: last-modified entity-tag (Etag)ETag 依靠使用客户端（浏览器）的缓存机制，提升服务器的性能，减少网络线路的负载。 加快web体验速度大致过程： 1、客户端第一次访问服务器，数据发送访问url 2、服务器回复 第一个资源信息 （比如 sitehom
HTTP协议工作原理与请求响应机制
"HTTP协议详解——工作方式与应用" HTTP（Hypertext Transfer Protocol）协议是互联网上应用最为广泛的一种网络协议，它建立在应用层，主要用于超媒体信息的传输。虽然最初是为World-Wide Web设计的，但HTTP协议...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值