1. 强制缓存和协商缓存都针对静态资源 2. 强制缓存在前,协商缓存在后 3. 资源未过期触发强制缓存,资源过期后再触发协商缓存。 4. 判断过期的方法expires(绝对时间)、cache-control(相对时间) 5. 判断资源是否有更新(Last-Modified 和 ETag) 需要注意的是,即使是静态资源,也是依靠url来进行缓存的,也就是说只要...
强缓存:如果命中强缓存,浏览器会直接读取本地缓存,而不会向服务器发送请求。因此,强缓存的响应状态码为200(OK)。 协商缓存:如果资源未发生变化,服务器会返回304(Not Modified)状态码,表示浏览器可以继续使用本地缓存的数据。如果资源有更新,服务器会返回新的资源数据,并可能更新相关的缓存标识。 缓存验证机制: 强...
它们的区别在于缓存的验证机制不同: 强缓存 (Strong Caching) 机制:浏览器直接从本地缓存中读取资源,不会向服务器发送任何请求。 判断依据:HTTP响应头中的Cache-Control和Expires字段。 Cache-Control:更精确和优先级更高的缓存控制字段,常用的值包括: max-age=<seconds>: 资源在多少秒内有效。 no-cache: 允许缓...
强缓存策略和协商缓存策略在缓存命中时都会直接使用本地的缓存副本,区别只在于协商缓存会向服务器发送一次请求。它们缓存不命中时,都会向服务器发送请求来获取资源。在实际的缓存机制中,强缓存策略和协商缓存策略是一起合作使用的。浏览器首先会根据请求的信息判断,强缓存是否命中,如果命中则直接使用资源。如果不命中则根...
两者的共同点是,都是从客户端缓存中读取资源;区别是强缓存不会发请求,协商缓存会发请求。 缓存中header的参数: 强制缓存 Expires:response header里的过期时间,浏览器再次加载资源时,如果在这个过期时间内,则命中强缓存。 Cache-Control:当值设为max-age=300时,则代表在这个请求正确返回时间(浏览器也会记录下来)的...
(一)、缓存优点: 减少不必要的数据传输,节省带宽 减少服务器负担,提升网站性能 加快客户端加载网页的速度,用户体验友好 (二)、缓存缺点: 服务端资源更新后,客户端更新滞后 (三)、浏览器缓存主要有两类: 强制缓存 协商缓存 (四)、强缓存与协商缓存的区别 如图: ...
浏览器缓存分为强缓存(本地缓存)和协商缓存(对比缓存) 02 术语解释 1. 缓存命中:指在缓存中找到请求的数据. 2. 从服务端传给客户端的(即响应头): 1)cache-control:缓存相关的设置 2)expires:缓存的过期时间,用来指定资源到期的时间,是服务器端的具体时间点。也就是说Expires=max-age+请求时间,需要和last-...
JS的缓存机制主要分为两种:强缓存(也称为强制缓存)和协商缓存。下面我将分别解释这两种缓存机制,并列举它们之间的主要区别。 1. 强缓存(强制缓存) 强缓存是指浏览器在加载资源时,会先根据缓存的HTTP头部信息(如Expires或Cache-Control)来判断资源是否有效。如果资源未过期,则直接从浏览器缓存中读取资源,不会向服务...
强制缓存和协商缓存的区别 万维网 包括Web 服务、HTTP 协议、HTML 语言等一个体系的综合。 请求响应和长连接 是不是每次发送一个请求,都建立一个 TCP 连接呢?不是的,当浏览器发送一个请求到web服务器的时候,web服务器内部会设定一个定时器,这个时间是由web端设定,当一段时间内有很多请求的时候,web服务器就会...