码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器缓存

时间:2019-08-27 21:12:14      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:modified   inf   请求头   文件   none   打开   res   控制   协议   

缓存的作用:

a. 减少网络带宽消耗

b. 降低服务器压力

c. 减少网络延迟,加快页面打开速度

第一次请求(还没有缓存):

技术图片

有缓存后的请求:

技术图片

Expires和Cache-Control (设置缓存什么时候过期,属于响应头)

Expires值通常是缓存的具体失效日期,属于HTTP1.0协议

Cache-Control的值是max-age = 毫秒数, 属于HTTP1.1协议,它的优先级要比Expires要高

当缓存未过期时,下次再访问该文件,浏览器不会访问服务器,而是直接在缓存中取。

Last-Modified和If-Modified-Since

Last-Modified是响应头

If-Modified-Since是请求头

F5刷新页面的时候,浏览器会忽略缓存继续向服务器发送请求。如果此时服务器上的文件没有被修改会返回304,让浏览器直接从缓存中取,减少响应开销。

ETag和If-None-Match

Etag是服务端给资源对应的唯一标识符,能够更加准确的控制缓存。

浏览器缓存

标签:modified   inf   请求头   文件   none   打开   res   控制   协议   

原文地址:https://www.cnblogs.com/simpul/p/11420575.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!