web缓存: 1.可以自动保存常见文档副本的HTTP设备,当web请求抵达缓存时,如果存在缓存副本,就直接从本地存储设备返回,而不是去源服务器获取 2.缓存命中和未命中 3.HTTP再验证,检测服务器上的内容是否发生了变化...缓存对副本进行再验证时,会向服务器发送一个小的再验证请求,如果没变化,服务器会返回304 Not Modified,get请求中添加if-modified-since会进行再验证 4.缓存命中率:由缓存提供服务的占比...,命中率与缓存大小,用户兴趣相似点,数据的变化,缓存配置等有关,40%的命中率是合理的,对降低整体时延很有好处 5.字节命中率:缓存提供的字节流量在传输流量中的占比,对节省带宽很有利 6.私有缓存,...协议扩展了HTTP的对等缓存兄弟缓存 9.缓存处理步骤:接收请求=>解析请求=>查询本地副本(获取源服务器)=>新鲜度检测=>创建响应=>发送响应=>记录日志 10.文档过期:服务器返回头信息Cache-Control...而如果指定了max-age值,那么在此值内的时间里就不会重新访问服务器,例如:Cache-control: max-age=5 表示当访问此网页后的5秒内再次访问不会去服务器.
上一篇介绍了关于 HTTP 的基础知识,本篇对 HTTP Cache 做一个完整的介绍。...HTTP 头信息控制缓存 分为两种 强制缓存 协商缓存 强制缓存如果命中缓存则不需要和服务器端发生交互,而协商缓存不管是否命中都要和服务器端发生交互,强制缓存的优先级高于协商缓存。...并且 Expires 是 HTTP/1.0 的标准,现在更倾向于用 HTTP/1.1 中定义的 Cache-Control。两个字段同时存在时也是 Cache-Control 的优先级更高。...: 表明响应只能被单个用户(可能是操作系统用户、浏览器用户)缓存,是非共享的,不能被代理服务器缓存 no-cache: 强制所有缓存了该响应的用户,在使用已缓存的数据前,发送带验证器的请求到服务器。...不是字面意思上的不缓存(也就是说使用 no-cache 必须经过协商缓存) no-store: 禁止缓存,每次请求都要向服务器重新获取数据 协商缓存 缓存的资源到期了,并不意味着资源内容发生了改变,如果和服务器上的资源没有差异
(Last-Modified)为版本号 基于内容的:以资源内容hash(ETag)为版本号 协商是缓存失效(过期或弃用)之后才会发生的事情 二.相关Header字段 HTTP Header字段分为4类:...,如果没有消息实体的话,就是与请求对应的资源的信息 P.S.关于HTTP Header的更多信息,请查看4.2 Message Headers Pragma HTTP 1.0通用头字段,指定缓存策略 Pragma..." ":" HTTP-date 一个精确的时间点,在此之前,缓存有效。...,返回412表示更新失败 If-None-Match 同上,行为相反(比较该字段的值是否不一致),如果一致,返回304告诉客户端可以沿用缓存版本,否则返回新资源 Age 响应头字段,表示资源在代理服务器上已缓存的时间...max-age = Date - Last-Modified / 10 默认的缓存策略,就叫启发式缓存,启发式是说基于经验构造的,没有严格的依据 五.刷新行为 浏览器有3种不同的刷新行为,在验证HTTP
HTTP 缓存分为强缓存和协商缓存....HTTP 缓存控制机制 HTML Meta 标记 // 当前页面不缓存, 每次访问都去服务器拉取....HTTP 头信息 HTTP 头信息 强缓存 (200 from cache) 判断的字段: expire 或 cache-control expire [http 1.0 的标准], 存储的是过期的具体时间...但是结果会由服务器决策. 一张图总结流程: ?...浏览器每次请求资源时,会携带上次服务器响应的 ETag/Last-Modified 作为标志,与服务端此时的 ETag/Last-Modified 作比较,来判断内容更改。
随着用户访问量越来越大,缓存变得越来越重要。HTTP文件缓存可以减少冗余数据的传输;缓解网络瓶颈;降低对原始服务器的请求;以及降低距离延迟。...HTTP没有为用户提供一种手段来区分响应是否缓存命中的,还是访问原始服务器得到的。...再验证 原始服务器的内容可能会发生变化,缓存要不时的对其进行检测,看看它们保存的副本是否仍是服务器上最新的副本,这些“新鲜度检测”被称为HTTP再验证(revalidation)。...如果已缓存标签与服务器文档中的标签有所不同,就会执行请求的方法。 如果服务器发送了一个实体标签,HTTP/1.1客户端就必须使用实体标签验证器。...控制缓存的能力 服务器可以通过HTTP定义的几种方式来指定在文档过期之前可以将其缓存多长时间。
HTTP 缓存不是必须的,但重用缓存的资源通常是必要的。它可以减少服务器的压力,如果不使用缓存,每次发起请求都要求服务器发送相应数据,很多时候服务器发来的内容并没有发生变化,就会“浪费”服务器带宽。...可以在客户端设置缓存,给缓存加上过期时间,如果期限没到就是用本地缓存的内容。然而常见的 HTTP 缓存只能存储 GET 响应,对于其他类型的响应则无能为力。...缓存头部 HTTP 相关的缓存头部一般有: Cache-Control 通用的首部,它是缓存控制字段; Expires 响应首部,代表资源过期时间; Last-Modified 响应首部,表示资源的最新修改时间...这意味着每次都会发起 HTTP 请求。设置 max-age=0 的功能与之类似。...Pragma 它是 HTTP/1.0 的通用头,它用来向后兼容只支持 HTTP/1.0 协议的缓存服务器。
所以HTTP请求都采用缓存的策略,避免重复请求服务器,增加服务器压力。...表述语言:Accept-Lauguage:zh-CN,zh Expires 在HTTP1.0中开始使用,表示一种资源过期的头部,描述的绝对时间是由服务器返回。...在 HTTP/1.1 中,会优先处理 max-age指令,它优先级高,但是在 HTTP/1.0 中,max-age 指令会被忽略掉,就处理Expires指令。...Cache-Control 是用来控制缓存的行为,在HTTP1.1中,通过Cache-Control通用首部字段来控制缓存 Cache-Control的请求中的值 max-age:出现在请求报文中,表示缓存资源的时间小于小于该...,只针对共享缓存,适用于供多位用户的缓存服务器,对于同一个用户重复返回的缓存服务器无效。
前言 缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。 我们使用 HTTP 缓存,通过复用缓存资源,减少了客户端等待时间和网络流量,同时也能缓解服务器端的压力。...可以显著的提升我们网站和应用的性能。 虽然 HTTP 缓存不是必须的,但重用缓存的资源通常是必要的,HTTP 缓存是一个 web 性能优化的重要手段。...HTTP 缓存的类型 通常 HTTP 缓存策略分为两种: 强缓存 协商缓存。 从字面意思我们可以很直观的看到它们的差别: 强缓存即强制直接使用缓存。 协商缓存就得和服务器协商确认下这个缓存能不能用。...memory cache; 协商缓存 协商缓存会先向服务器发送一个请求,服务器会根据这个请求的 request header 的一些参数来判断是否命中协商缓存,如果命中,则返回 304 状态码并带上新的...总结 通过前文,我们了解到 HTTP 缓存主要分: 强制缓存 协商缓存。 强制缓存由 Cache-Control,Exipres(HTTP1.0)控制。
客户端检查资源超过有效期、强缓存命中失败的情况下,则发出请求“询问”服务器是否资源真的过期了,询问的同时在请求头要携带着资源的「上次更新时间」或者「唯一实体标识」(不同http版本导致的共存问题)。...《图解HTTP》 协商缓存 特点: 服务端校验 304 Not Modified状态码 Last-Modified Etag 304(Not Modified) 该状态码虽然是3XX的类别,但是跟301...也就是说,如果命中协商缓存,服务端响应请求时,只会返回一个304状态码、并没有实际上的文件内容,因此在响应体体积上的节省是协商缓存的优化点 HTTP/1.0 Last-Modified组 Last-Modified...他的格式如: if-modified-since: Thu, 01 Jan 1970 00:00:00 GMT HTTP/1.1 Etag组 Etag (资源的匹配信息) 响应首部字段,缓存的一种强校验器...(注意:实际HTTP1.1的请求中,两组字段同时包含在请求及响应头中,我这里为了加深组CP的印象,分开阐述) 1、Last-Modified组整体流程如下: 服务器通过 Last-Modified 字段告知客户端
HTTP 协议缓存 HTTP 协议缓存是我们本文讲解的重点,它是通过 HTTP 头信息来控制缓存的,HTTP 头信息可以让你对浏览器和代理服务器如何处理你的副本进行更多的控制。...该流程就复杂多了,浏览器需要根据 HTTP 头信息来判断是否直接从缓存读取数据还是交由服务器来判断是否从缓存读取数据。 几种状态码的区别: ?...下面我们就从该流程中出现的 HTTP 状态码 200(from cache)和 304 来讲解 HTTP 协议缓存中的 HTTP 头信息。...显然,就是告诉浏览器缓存的有效期。如果过期,缓存会检查源服务器以确定文件是否改变了。 Expires 头唯一的有效值是 HTTP 时间,其他值无效,不会去缓存的。...当服务器判断该缓存已经失效,那么就会返回新数据,HTTP 状态码为 200; 当浏览器判断该缓存还未失效,那么就会返回 HTTP 状态码为 304 (无需包体,节省流量),告知浏览器继续使用缓存。
简介 为了提高网站的访问速度和效率,我们需要设计各种各样的缓存,通过缓存可以避免不必要的额外数据传输和请求,从而提升网站的请求速度。对于HTTP协议来说,本身就自带有HTTP缓存。...HTTP中的缓存种类 缓存就是将请求的资源在本地保存一份拷贝,从而在下一次请求的时候,直接返回该拷贝,不用再从服务器下载资源,从而减少了资源的传输提升了效率。...HTTP中缓存响应的状态 对于HTTP缓存来说,一般缓存的是GET请求,因为GET请求除了URI之外,并没有其他多余的参数,并且其表示的意义是从服务器获取资源。...HTTP中的缓存控制 HTTP中的缓存控制是通过HTTP头来表示的。在HTTP1.1中加入了Cache-Control,我们可以通过Cache-Control来控制请求和响应的缓存情况。...revving 为了提升HTTP请求的效率,我们当然希望缓存时间越长越好,但是前面我们也提到了,缓存时间过长会导致服务器资源更新困难的问题。怎么解决呢?
HTTP缓存几乎没用过,也不知道有没有不经意间使用了,因为HTTP缓存主要是服务器代码上设置的。 HTTP第一次请求之后,服务器会在返回的头部传回缓存的参数。...然后第二次请求的时候浏览器判断这些参数是什么缓存类型,相应的返回。 HTTP缓存有强缓存和协商缓存(也有人叫对比缓存)。...对比缓存(协商缓存):HTTP状态码是304,是由服务器决定的,F5刷新有效,CTRL+F5刷新无效,对比缓存的key是成对出现的: Last-Modify/If-Modify-Since: 响应端先返回一个...确实,大部分HTTP缓存是由服务器完成,关于前端怎么操作的没查到相关的文档,只知道可以通过meta标签禁用缓存和动态设置header。...缓存对于前端的性能优化算是很大的,推荐使用强缓存,然后用hash值的方法消除强缓存的影响。 如果有人知道前端怎么去操作HTTP缓存,希望可以指教一下。 (完)
一、http协议实现缓存 1....http1.0的,等于cache-control:no-cache,pragma优先级高于expires 条件头部 Last-Modified 服务器响应时将文本最后修改时间放在此头部一起传送,...| 服务器响应时输出资源的最后响应时间(从本地缓存读取的资源不会有变化,也就是cache-control控制),而304的吃响应是有变化的 2....cache-control与expires是一致的,但expires是http1.0的东西,现代浏览器用得很少。...,完全按钮响应的max-age来控制缓存了,firefox是按照http规范实现的。
一、浏览器缓存的优点 1.减少了冗余的数据传输 2.减少了服务器的负担,大大提升了网站的性能 3.加快了客户端加载网页的速度 二、浏览器缓存机制 1....,直接使用缓存数据 Cache-Control 是最重要的规则,默认为private Cache-Control取值 说明内容 private 客户端可以缓存 public 客户端和代理服务器都可缓存...) 再次请求服务器时,通过此字段通知服务器上次请求时,服务器返回的资源最后修改时间 Etag (Response Headers) 服务器响应请求时,告诉浏览器当前资源在服务器的唯一标识(生成规则由服务器决定...) If-None-Match (Request Headers) 再次请求服务器时,通过此字段通知服务器客户段缓存数据的唯一标识 注: Etag / If-None-Match(优先级高于Last-Modified...对于协商缓存,将缓存信息中的Etag和Last-Modified通过请求发送给服务器,由服务器校验,返回304状态码时,浏览器直接使用缓存。
思路: 定义一个http的状态map,存储请求的pending和complete,目的是为了解决同一个请求,在同一时间发起多次请求,为了避免发起多次同一个接口,存储status,本次request尚未【...success】(非error),不发起下一次同一接口 定义回调的map,存储请求的回调函数,目的是为了,请求成功之后,触发回调,尤其是同一时间发起多次同一个request,当一个pending时,其他均置于...map回调中,当success时,以此触发每个回调 定义一个返回值map,存储每个request的结果,当下一次发起同一个请求时,去缓存里查找同时返回对应的结果,如果未查到,则发起请求 定义请求的id,...以参数、url以及请求方式当id,以此判断这次请求在缓存中是否有这个id import { singleton } from "....,或者报错,进而导致后续http均不会收到数据,所以该方法应该有重试功能 在这里没有考虑并发问题,应该考虑下,同时发起大量http请求的问题 上述2、3问题,时间关系,后续优化~
本文首发于政采云前端团队博客:图解 HTTP 缓存前言 HTTP 的缓存机制,可以说这是前端工程师需要掌握的重要知识点之一。...本文将针对 HTTP 缓存整体的流程做一个详细的讲解,争取做到大家读完整篇文章后,对缓存有一个整体的了解。 HTTP 缓存分为 2 种,一种是强缓存,另一种是协商缓存。...这是缓存运作的一个整体流程图: [7vhuojez0z.jpeg] Http缓存.jpg 强缓存 不需要发送请求到服务端,直接读取浏览器本地缓存,在 Chrome 的 Network 中显示的 HTTP...,超过间隔的秒数缓存失效 no-cache:不使用强缓存,需要与服务器验证缓存是否新鲜 no-store:禁止使用缓存(包括协商缓存),每次都向服务器请求最新的资源 private:专用于个人的缓存,中间代理...在文章的最后,我们再次回到这张流程图,这张图涵盖了 HTTP 缓存的整体流程,大家对整体流程熟悉后,也可以自己动手通过 Node 来验证下 HTTP 缓存。
HTTP缓存是一项重要且常见的web性能优化手段。当通过浏览器发送HTTP请求时,如果浏览器本地有所要请求的文档副本,那么浏览器可以直接从本地存储中读取该文档,而不用到服务器上下载该文档。...使用HTTP缓存具有如下几点好处: 减少冗余的数据传输 缓解网络瓶颈 减缓服务器压力 降低请求时延 既然HTTP缓存有诸多好处,那么其背后的原理是怎样的呢?...由上图可知浏览器是根据一定的缓存规则对数据进行缓存的,那么具体是怎样的缓存规则呢?HTTP缓存有多种规则,根据是否需要重新向服务器发起请求来分类,可分为两大类:强制缓存和对比缓存。...对比缓存指的是每次发送HTTP请求时,如果本地有缓存数据,那么浏览器也需要发送额外的HTTP请求与服务器进行对比,以确定本地数据是否过期。...Etag响应头的值为当前资源在服务器的唯一标识(生成规则由服务器决定),在浏览器第一次发起HTTP请求时,服务器会返回该响应头。
HTTP 缓存技术缓存技术出现在HTTP1.1当中,目的是尽可能减少对于服务器进行请求。为了实现缓存技术,HTTP设计者在头部字段增加针对缓存的头部字段。HTTP 缓存有两种方式,强制缓存和协商缓存。...认识缓存介绍具体的缓存技术之前,我们先来认识一下HTTP中的缓存特点。注意缓存只对获取文件有效,从服务器上拿到文件然后放入本地缓存,下次再获取则从本地缓存区获取文件,这样可以减轻服务器压力。...缓存过程缓存的大致流程如下:客户端发起HTTP请求访问浏览器缓存,浏览器不存在缓存,告知客户端让它重新发请求。客户端再次发起HTTP请求到原始服务器,原始服务器返回结果和缓存规则。...如果存在HTTP1.1缓存技术的相关请求头部字段,在服务器可以识别的前提下,会优先解析HTTP1.1的请求头部,从而忽略Pragma头部。但是这里介绍的所有内容都是 HTTP1.0 约定俗成的东西。...虽然目前大部分网站都是支持HTTP1.1 的,但是如果真的碰到只能识别HTTP1.0 的服务器,此字段依然有存在价值,所以这种做法只是一种保证前后兼容的稳定而已。
HTTP/1.1中缓存的目的是为了在很多情况下减少发送请求,也即直接返回缓存;同时在许多情况下可以不需要发送完整响应。...前者减少了网络回路的数量,挺高响应速度,HTTP利用一个“过期(expiration)”机制来为此目的。后者减少了网络应用的带宽,HTTP用“验证(validation)”机制来为此目的。...缓存如何工作 所有的缓存都用一套规则来帮助他们决定什么时候使用缓存中的副本提供服务(假设有副本可用的情况下);一些规则在协议中有定义(HTTP协议1.0和1.1),一些规则由缓存的管理员设置(浏览器的用户或者代理服务器的管理员...一个缓存的副本如果含有以下信息:内容将会被认为是足够新的 含有完整的过期时间和寿命控制头信息,并且内容仍在保鲜期内; 浏览器已经使用过缓存副本,并且在一个会话中已经检查过内容的新鲜度; 缓存代理服务器近期内已经使用过缓存副本...,并且内容的最后更新时间在上次使用期之前; 够新的副本将直接从缓存中送出,而不会向源服务器发送请求; 如果缓存的副本已经太旧了,缓存服务器将向源服务器发出请求校验请求,用于确定是否可以继续使用当前拷贝继续服务
领取专属 10元无门槛券
手把手带您无忧上云