Chrome或Firefox浏览器对静态资源文件的缓存时长是多久

先放上结论吧,Chrome和Firefox对js、css之类的文件,在内存中的缓存时长,是:
(访问时间 - 该文件的最后修改时间) ÷ 10

假设文件 a.js 最后编辑时间是 2018年12月1号 10点0分0秒;
Chrome的第一次访问时间是 2018年12月1号 12点0分0秒;
第一次访问与文件编辑时间相差2小时,即7200秒,那么缓存时长就是720秒
即结论如下:
1、在 2018年12月1号 12点0分1秒到 12点11分59秒,这12分钟内,浏览器不会发起http请求;
2、在 2018年12月1号 12点12分0秒,会发起带 If-Modified-Since 的http请求
3、如果希望浏览器每次都发起http请求,请在WebServer返回Header Cache-Control: no-cache

问题的由来:
我提供了一个多语言的js资源包服务,昨天有QA反馈,后台修改了内容,前台没变化!!
PC上还好办,可以按Ctrl + F5,强制刷新,手机上就不好办了,只能等着缓存过期。
而且我们也不可能主动通知用户去强制刷新吧!

问题解决很简单,在IIS的站点=》HTTP响应标头里,添加一个Header:Cache-Control,值为no-cache,
问题解决。
注意:加了这个标头后,浏览器在请求这个站点的js/css/图片资源时,每次都会重新发起HTTP连接请求,虽然请求的Header里会带上 If-Modified-Since,但是HTTP连接本身也是很耗资源的,所以要根据场景来选择性添加,
比如不添加标头,而是通过js加版本号来避免缓存。

虽然缓存问题解决了,但是如果没加标头,Chrome会在内存缓存多久啊?这个问题我搜索了一下,没有找到Chrome的资料,但是有文章说Firefox是按顶部的结论实现的,参考RFC协议关于缓存过期的部分:
https://tools.ietf.org/html/rfc2616#section-13.2.4

————————————————
版权声明:本文为CSDN博主「游北亮」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/youbl/article/details/84879670

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nginx作为一个开源的高性能HTTP服务器和反向代理服务器,可以通过配置来解决浏览器兼容性问题。以下是一些常见的nginx浏览器兼容性配置方法: 1. 设置浏览器缓存: ```nginx location / { # 设置缓存时间为1天 expires 1d; # 设置缓存文件类型 types { text/html; text/css; application/javascript; image/jpeg; image/png; image/gif; } } ``` 这样可以让浏览器缓存静态资源,减少服务器的负载和提高页面加载速度。 2. 处理不同浏览器的User-Agent: ```nginx location / { if ($http_user_agent ~* "MSIE") { # 针对IE浏览器的配置 # ... } if ($http_user_agent ~* "Firefox") { # 针对Firefox浏览器的配置 # ... } if ($http_user_agent ~* "Chrome") { # 针对Chrome浏览器的配置 # ... } # 其他浏览器的配置 # ... } ``` 可以根据不同浏览器的User-Agent来配置不同的响应,以适应不同浏览器的兼容性需求。 3. 处理不同浏览器的请求头: ```nginx location / { if ($http_accept ~* "text/html") { # 针对请求头中包含text/html的配置 # ... } if ($http_accept ~* "text/css") { # 针对请求头中包含text/css的配置 # ... } if ($http_accept ~* "application/javascript") { # 针对请求头中包含application/javascript的配置 # ... } # 其他请求头的配置 # ... } ``` 可以根据不同请求头来配置不同的响应,以适应不同浏览器的兼容性需求。 4. 使用nginx的gzip模块压缩响应: ```nginx gzip on; gzip_types text/plain text/css application/javascript; ``` 这样可以压缩响应内容,减少传输数据量,提高页面加载速度。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值