缓存命中->缓存再验证成功->缓存再验证失败=缓存未命中零、Cache-Control可缓存性public：http请求返回的过程当中，在cache-control中设置这个值，代表http请求返回的内容所经过的任何路径当中（包括中间一些http代理服务器以及发出请求的客户端浏览器），都可以对返回内容进行缓存操作。private：代表只有发起请求的浏览器才可以进行缓存。no-cache：可以在本地

此文章转载：cnblogs昵称：风信子578前段时间去面试移动端的H5开发工程师，在最后面试的时候被问到了max-ageExpiresEtag有什么不同，在什么情况下应用，当时乱编了一通，自我感觉良好，结果……大家懂得，现在讲他****们几个的区别以及如何应用进行一下总结，方便后续查看。Expireshttp/1.0中定义的header，是最基础的浏览器缓存处理，表示资源在一定时间内从浏览器的缓存

最近在对CDN进行优化，对浏览器缓存深入研究了一下，记录一下，方便后来者画了一个草图：每个状态的详细说明如下：1、Last-Modified在浏览器第一次请求某一个URL时，服务器端的返回状态会是200

面试说法面试：缓存主要分为强缓存和协议缓存，在浏览器加载资源的时候，会根据请求头判断是否命中强缓存，如果命中强缓存的话，会直接从缓存中读取数据而不发送请求。判断强缓存的方式的话，需要判断请求头中是否有cache-control或者expires字段，这两个字段分别规定了以秒为单位的生存时长，和gmt格式的过期日期，如果在缓存未过期的时间内，就能命中强缓存，优先级的话是cache-control优先

目录前言知识点缓存的类型强缓存ExpiresCache-Control对比协商缓存Last-Modified和If-Modified-SinceETag和If-None-Match两者对比缓存位置ServiceWorkerMemoryCachepreloaderpreloadDiskCachePushCache

关于资源验证如果给Cache-Control设置no-cache之后，每次浏览器发起对设置了Cache-Control的资源请求的时候都要去到服务器端进行一个资源的验证,验证如果资源可以使用，那么才会读取本地的缓存缓存验证流程1)浏览器创建了一个请求,首先请求到达的地方是在本地缓存,当然是建立在有Cache-Control头的情况下如果在本地缓存里查找，如果找到，则直接返回给浏览器渲染页面这种情况

特性ETag和If-None-Match是一对；Last-Modified和If-Modified-Since是一对它们都属于协商缓存，对内容的有效性进行验证，具体看这里验证的过程是类似（以Etag为例

目录强缓存Cache-Control协商缓存第一种Last-Modified和If-Modified-Since第二种ETag和If-None-Match为什么有了Last-Modified还需要ETag

关于Last-Modified/If-Modified-Since及Etag/If-None-Match的用法相关代码if(method_exists($controller,$action)){ob_start

博客已经搬家，请访问如下地址：http://www.czhphp.comIf-Modified-Since&If-None-MatchIf-Modified-Since，和Last-Modified一样都是用于记录页面最后修改时间的

如何查看一个网页源代码的最后更新时间1.查看方法打开f12刷新页面找一个js或css请求查看ResponseHeaders->last-modified如图注意+8小时2.文章背景xx，给看下五屏（5个系统的大屏集中展示

多文件合并成一个2、图片、js、css等静态资源使用和主站不同域名地址存储，从而使得在传输资源时不会带上不必要的cookie信息：不携带Cookie节省带宽3、使用内容分发网络CDN：分发CDN4、为文件设置Last-Modified

2、协商缓存通过设置Last-Modified和ETag等响应头实现，可以让浏览器发送条件请求，询问服务器是否有更新的资源。

那么我们最希望的肯定是重新联网后继续上一次下载，而不是要重新下载，万一我们已经下载了99%，让我们重新下载那岂不是太令人头秃了断点续传相关的header信息：Accept-Ranges，If-Range，Range，Etag，Last-Modified

字段实现的强缓存基于Cache-control实现的强缓存（代替Expires的强缓存实现方法）no-cache和no-storepublic和privatemax-age和s-maxage协商缓存基于last-modified

原文链接：https://harttle.land/2017/04/04/using-http-cache.html整个Web系统架构在HTTP协议之上，利用HTTP的缓存机制不仅可以极大地减少服务器负载，更重要的是加速页面的载入，以及减少用户的流量消耗。快速到达和易于访问是Web与生俱来的特性，其缓存机制也早已被服务器和浏览器厂商广泛地实现，我们作为Web内容的作者何乐而不为呢？Web服务器（比

HTTP请求：一、请求行：二、请求头：三、响应头：四、请求正文：五、扩展：1、请求方式：2、If-Modified-Since和Last-Modified：3、响应状态码：4、GET和POST的区别：302

如果没有命中强缓存，浏览器一定会发送一个请求到服务器，通过last-modified和etag验证资源是否命中协商缓存，如果命中，服务器会将这个请求返回

gzip等,超出类型不能接收Content-Type：客户端发送出去实体内容的类型Cache-Control:指定请求和响应遵循的缓存机制，如no-cacheIf-Modified-Since：对应服务端的Last-Modified

当服务端设置了Cache-Control值为no-cache时，当浏览器发起请求时，都需要到服务端进行资源的验证。验证完成后如果确定服务端可以使用缓存，才会读取本地的缓存。缓存操作流程last-Modifiedlast-ModifiedEtagEtagdemoconsthttp=require('http');constfs=require('fs')http.createServer(funct

Last-Modified/If-Mo

last-modified/If-modified-sinceEtag/If-none

强制缓存原理讲解3.1.基于Expires字段实现的强缓存3.2.基于Cache-control实现的强缓存协商缓存原理讲解4.1.基于last-modified实现的协商缓存4.2.基于E

headerExpires响应头，代表资源的过期时间Cache-Control请求/响应头，缓存控制字段，精确控制缓存策略If-modified-Since请求头，资源最近修改时间，由浏览器告诉服务器Last-Modified

浏览器缓存机制（强制缓存，协商缓存）1.强制缓存（1）Expires（2）Cache-Control2.协商缓存（1）Last-Modified/If-Modified-Since（2）Etag/If-None-Match

网络深度优化的点-NSCache缓存、Last-Modified、ETag-失败重发、缓存请求有网发送-DNS解析-数据压缩：protobuf，WebP-弱网：2G、3G、4G、wifi下设置不同的超时时间

Cache-Control:no-cache当我们页面发起请求，服务端返回给浏览器responseheader，里面通常会包括cache-control,Last-Modified等信息；而cache-control

Etag主要为了解决Last-Modified无法解决的一些问题强Etag强Etag根据配置文件中的配置来设置Etag值，默认的Apache的FileEtag设置为：FileEtag:INodeMtimeSize

重定向需要进一步的操作以完成请求4xx客户端错误请求包含语法错误或无法完成请求5xx服务器错误服务器在请求的过程中发生错误304重定向Etag服务器资源唯一标识符（优先级高于LastModified）Last-modified

强制缓存原理讲解3.1.基于Expires字段实现的强缓存3.2.基于Cache-control实现的强缓存协商缓存原理讲解4.1.基于last-modified实现的协商缓存4.2.基

通过设置ETag或Last-Modified，可以触发HTTP请求头部字段中提到的If-Modified-Si

缓存或者重新请求）2.为什么缓存减少请求提高网页资源加载速度减少网络带宽压力3.缓存策略ResponseHeaders状态码缓存方式强缓存Expires/Cache-Control200直接拿本地缓存协商缓存Last-Modified

目录前言什么是浏览器缓存优点强缓存ExpiresCache-Control协商缓存Last-Modified、If-Modified-SinceETag、If-None-Matchnode实践koa启动服务创建项目

目录背景前置准备准备启动页面HTTP缓存种类强缓存expirescache-control协商缓存Last-Modified，If-Modified-SinceEtag，If-None-Match总结背景无论是开发中或者是面试中

（last-modified不能准确表

当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响应头中是否有Cache-Control、Last-Modified、ETag等字段，来确定是否直接使用之前下载的资源缓存，而不是重新从服务器进行下载

当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响应头中是否有Cache-Control、Last-Modified、ETag等字段，来确定是否直接使用之前下载的资源缓存，而不是重新从服务器进行下载

目录前言正文分类强缓存ExpiresCache-Control协商缓存Last-Modified和If-Modified-SinceEtag和If-None-Match流程图扩展缓存失效问题缓存存放位置前言前端缓存

一浏览器三种刷新方式所采取的缓存机制众所周知浏览器是通过Last-Modified和Expires来处理缓存的，具体机制就不做解释，而在具体调试中发现并不按我们想象的方式进行，其原因很有可能是由于你的不同刷新方式导致

为了配合Cache-Control中no-cache，在server端我们还需要加上头Last-Modified、Etag。

image.png都是规范性的,不一定可缓存性:谁可以缓存public都可以缓存private只有发起请求的浏览器可以,nginx缓存不能用no-cache可以缓存但是要服务器验证:Last-Modified

2.没有命中强缓存规则，浏览器会发送请求，根据请求头的last-modified和etag判断是否命中协商缓存，如果命中，直接从缓存获取资源。如果没有命中，则进入下一步。

目录什么是浏览器缓存非HTTP协议定义的缓存机制缓存流程图HTTP缓存机制服务端如何判断缓存已失效Last-Modified/If-Modified-SinceEtag/If-None-Match为什么有了

DNS解析http缓存Cache-controlPragma优先级更高取值：no-cache、max-age强缓存判断页面的缓存是否存在以及是否过期，若没过期，则不发起请求，直接使用缓存协商缓存Last-Modified

服务器可以更快响应降低距离延迟（二）浏览器请求资源的过程第一次请求：本地无缓存数据向服务器发送请求从服务器获取资源，并协商缓存（是否缓存，获取资源的Expires、Cache-Control、Etag、Last-Modified

浏览器的缓存强缓存exprices绝对时间格林尼治时间时间点cache-control相对时间优先级高于exprices协商缓存last-modified(文件最后修改的时间)if-modified-since

If-Modified-Since对应Last-modified。服务器返回资源时

响应头里，Expires可以告诉浏览器过期时间，Last-Modified最近更新时间，ETag则可允许浏览器

画了一个草图：image每个状态的详细说明如下：1、Last-Modified在浏览器第一次请求某一个URL时，服务器端的返回状态会是200，内容是你请求的资源，同时有一个Last-Modified的属性标记

80%的缓存需求：两行代码就可满足控制缓存的有效性文件缓存：借助ETag或Last-Modified判断文件缓存是否有效Last-ModifiedETag总结一般数据类型借助Last-Modified与