当Web请求发起时，会先查看本地是否有该资源已缓存的副本，如果有，就直接从本地读取，而不需要从原始服务器中获取该资源。这样一来可以非常有效地减少冗余的数据传输，也可以减轻原始服务器的请求压力。下图就是一个请求的神奇之旅： 左边虚线框都是在缓存层完成，大部分情况下是指浏览器内部的缓存机制，也可以指一些缓存代理服务，如CDN等（本文不讨论）；右边虚线框都是在服务器端完成的。 下面就按照这个流程图，客户端使用Chrome浏览器打开Google（但愿你看到的不是404 not found）来演示不同场景下的请求。 缓存未命中 这是最简单的场景，所有资源都是从服务器返回，就好像没有缓存这一层一样。通常是资源从来没有请求过，或者在请求头部指明不使用缓存。Chrome开发者工具有个很方便的功能，就是可以设置当打开开发者工具时禁用缓存： 它的原理很简单，就是在每个请求前加上不使用缓存的头部cache-control: no-cache和pragma: no-cache： 在给静态文件打版本号还没流行的时候，这个办法也常用来更新静态文件的缓存，即用Aja…