picACG本地缓存目录_你真懂缓存吗

9bcd040f50624bc14096c2b0ff33364e.png

一、缓存的概念

缓存这个东西无孔不入,无处不在。我们所知道的缓存有浏览器端的缓存,有代理服务器的缓存,有服务器端的缓存,还有数据库缓存,总之缓存无处不在。http中具有缓存功能的是浏览器端缓存,以及代理服务器缓存。

http缓存是指:当Web请求抵达缓存时, 如果本地端有“已缓存的”内容,就可以直接从本地设备而不是从原始服务器中获取这个文档内容。

二、缓存的好处

1、加快客户端加载网页的速度,提高网民访问体验;

2、减少了服务器的负担,大大提高了网站的性能;

3、减少冗余数据传输,节省带宽费用。

三、控制缓存header

1、Request请求header:

Cache-Control: max-age=0

If-Modified-Since: Mon, 19 Nov 2012 08:38:01 GMT

If-None-Match: "0693f67a67cc1:0"

Cache-Control: no-cache(不缓存)

Pragma: no-cache(不缓存)

2、Response响应header:

Cache-Control: public/no-cache/private/no-store/max-age=60

Date: Mon, 19 Nov 2012 08:39:00 GMT(文件第一次访问时间)

Expires: Mon, 19 Nov 2012 08:40:01 GMT(绝对过期时间)

Last-Modified: Mon, 19 Nov 2012 08:38:01 GMT(最后修改时间)

ETag: "20b1add7ec1cd1:0"

(cache-control优先级高于Expires )

四、如何判断缓存新鲜度

通过最后修改时间判断缓存新鲜度:

1、浏览器客户端想请求一个文件,首先检查本地缓存,发现存在这个文件的缓存,获取缓存中文档的最后修改时间,通过发送If-Modified-Since的头,发送Request给Web服务器。

2、Web服务器收到Request,将服务器的文件修改时间(Last-Modified)头: 跟request header 中的If-Modified-Since相比较,如果时间是一样的,说明缓存还是最新的, Web服务器将发送304 Not Modified给浏览器客户端, 告诉客户端直接使用缓存里的文件。

3、假如文件已经被更新了,Web服务器将发送最新文件给浏览器客户端。

注意:目录刷新把文件置为过期,和源站最后一次时间对比也是此原理。

五、CTRL+F5强制刷新和F5和enter刷新的区别

1、CTRL+F5强制刷新: (1)浏览器发送Httprequest,给Web 服务器,header中带有Cache-Control: no-cache,明确告诉Web服务器,客户端不使用缓存。可能会有Pragma: no-cache,该参数是HTTP 1.0中定义的,为了兼容HTTP 1.0;(2)Web服务器将把最新的文档发送给浏览器客户端。

2、F5刷新:按F5刷新浏览器,浏览器会去Web服务器验证缓存(带有If-Modified-Since或者max-age=0);

3、Enter刷新:直接使用浏览器缓存,不去验证缓存。

六、总结

合理的运用缓存,合理的设置缓存可以让自己的网站体验更好,以上信息大家可以用firebug去调试,理解更清晰。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值