浏览器虽然发现了本地有该资源的缓存，但是不确定是否是最新的，于是想服务器询问，若服务器认为浏览器的缓存版本还可用，那么便会返回304。浏览器缓存分为强缓存和协商缓存。1.浏览器请求某资源，通过header判断是否强缓存，若是强缓存，则从本地直接获取缓存文件，不发请求到浏览器2.若不是强缓存，发送请求到服务器，服务器通过一些request header确定是否是协商缓存，如果是，服务器将请求返回，但不返回资源，而是让客户端从本...
HTTP协议控制浏览器缓存 2015.01.25 SilenceHurts 当我们浏览网站的图片时，按下F12监控，很容易就发现，当我们第一次浏览该图片时，浏览器返回的代码是200,即请求正常，此时，不懂任何东西，我们按下F5刷新页面，注意，我们会发现监控下的代码返回不再是200，而是现实304 Not Modifid，即未修改。原因：第一次我们访问图片时，是正常的，而第二次访问时现实304，因为此时我们浏览器发现页面未发生更改，此时使用的是本地的缓存...
客户端会缓存css或js文件，改变版本号，客户端浏览器就会重新下载新的js或css文件，在js或css后加?v= 版本号的用法如下代码如下:<span style="font-size:14px;">css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） <script type=”text/javascript” src=”jb51.js?version=1.2.6″></script><link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />使用参数有两种可能： 第一、脚本...
这是一篇知识性的文档，主要目的是为了让Web缓存相关概念更容易被开发者理解并应用于实际的应用环境中。为了简要起见，某些实现方面的细节被简化或省略了。如果你更关心细节实现则完全不必耐心看完本文，后面参考文档和更多深入阅读部分可能是你更需要的内容。1、什么是Web缓存，为什么要使用它？缓存的类型：浏览器缓存；代理服务器缓存；Web缓存无害吗？为什么要鼓励缓存？Web缓存如何工作：如何控制（控制不）缓存：HTML Meta标...
当我们想尽办法提高服务器负载能力的时候，是否曾想过，其实浏览器也有缓存功能，我们也可以利用浏览器的缓存功能来减少服务器的负载，提高网站吞吐量？ 当我们使用抓包工具查看http状态时，我们可以看到200，304，from cache之类的标识，也许你也早已注意到了他们，并明白他们的意思。但是，你是否想过在你的程序中加入代码主动告诉浏览器，更好地利用浏览器缓存。 备注：本章所有案例都是使用chrome 17.0.963.79 m浏览器，...
阅读目录1. 浏览器缓存基本认识2. 强缓存的原理3. 强缓存的管理4. 强缓存的应用5. 协商缓存的原理6. 协商缓存的管理7. 浏览器行为对缓存的影响浏览器缓存，也就是客户端缓存，既是网页性能优化里面静态资源相关优化的一大利器，也是无数web开发人员在工作过程不可避免的一大问题，所以在产品开发的时候我们总是想办法避免缓存产生，而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理，是开发web应用...
一、对于静态页（就是通过meta标签来设置）：<!--expires用于设定网页的过期时间,一旦过期就必须从服务器上重新加载.时间必须使用GMT格式--><meta http-equiv="expires" content="0"/>或者通过pragma no-cache来设置，pragma出现在http-equiv属性中，使用content属性的no-cache值表示是否缓存网页(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览)。<meta http-equ...
关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法//不缓存<METAHTTP-EQUIV="pragma"CONTENT="no-cache"> <METAHTTP-EQUIV="Cache-Control"CON...
缓存策略：通常浏览器缓存策略分为两种：强缓存和协商缓存，并且缓存策略都是通过设置 HTTP Header 来实现的；强缓存：强缓存可以通过设置两种 HTTP Header 实现：Expires 和 Cache-Control；强缓存表示在缓存期间不需要请求。state code为200；Expires：Expires：Wed，22 Oct 2018 15:05:21 GMTExpires 是 HTTP/1 的产物，表示资源会在 Wed，22 Oct 2018 15:05:21 GMT 后过期，需要再次请求。并且 Expires 受限于本地时间，如果修...
针对于WEB开发，调试中经常遇到的问题就是浏览器缓存，刚改的代码刷新发现没有生效，很影响工作效率。我这里介绍一下如何再火狐浏览器中设置缓存的问题，因为攻城狮离不开火狐和firebug这种方便的工具。 在Firefox地址栏中输入“about:cache”并键入回车，接着将显示Firefox的内存缓冲设置与磁盘高速缓 存设置。如果在页面上单击“List Cache Entries”链接，我们还可以查看缓冲区中有哪些数据文件。 1. 调节高速缓存容量 假如你...
做了好多项目，这次终于要解决微信浏览器缓存这个令人头疼的问题了。每次上传新的文件，在微信浏览器中访问时，总要先清除微信的缓存，实在麻烦，在网上搜罗了很多解决办法，终于找到了方法：利用gulp解决缓存问题。关于gulp大家可以去gulp官网去详细了解。这篇文章主要参考于Gulp解决发布线上文件(CSS和JS)缓存问题和Gulp.js----比Grunt更易用的前端构建工具两篇文章，在这里先谢过原作者。本文主要记录安装gulp以及使用、解决缓存...
所有的php程序员都知道在php脚本里面执行 echo “1”;访客的浏览器里面就会显示“1”。但是我们执行下面的代码的时候，并不是显示“1”之后5秒再显示“2”，而是等待5秒后直接显示“12”这就涉及到几个缓存机制，为了更高的薪水，同学们非常有必要把这个缓存机制学习好。通常情况下，我们的web应用由以下几个要素构成：php->apache->浏览器。这篇文章我们就以这个架构为例来讲解数据是如何在整个“链条”上流通的。看了上面的图，我...
方法：在js文件后加上数学随机数;Math.random()比如：源代码为<script src="./js/lib/require/require.js" data-main="./js/modules/main/main"></script>修改之后变成：<script>document.write(‘<script src="./js/lib/require/require.js"‘+‘ data-main=\"./js/modules/main/main.js?rnd=‘+ Math.random() +"\""+‘><\/script>‘); </script> 原文：http://www.cnblogs.com/tinaluo/p/7258092.html
转载：https://segmentfault.com/a/1190000017185195 原文：https://www.cnblogs.com/to-here/p/12162892.html
浏览器缓存,以前看过不少这方面的资料,一直觉得是运维应该处理的事情,自己重未动手操作过,所以理解不深,也容易忘记.最近看了一下nodejs做静态服务器,稍微有了点深入的理解,于是做下笔记看的一些文章cache-control,Expires,Last-Modified缓存的过程nodejs的简单实现看的一些文章https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=zh-cnhttp://www.laruence.com/2010/03/0...