美文网首页
关于HTTP缓存

关于HTTP缓存

作者: _请输入昵称 | 来源:发表于2018-08-20 15:09 被阅读0次

HTPP缓存,浏览器会对静态文件进行缓存行为

客户端  - 浏览器(缓存数据库) - 服务器

第一次请求数据


image.png

*强制缓存
客户端向浏览器发请求,如果没有缓存数据,向服务器发请求,如果有缓存数据就不再向服务器发请求,直接使用缓存数据


image.png

如何判断缓存是否失效:
请求头header的Expires(http1.0的,在http1.1作用忽略)-服务器返回的到期时间,缺点但可能会跟客户端的时间有误差
请求头header的Cache-Control:

private(默认):             客户端可以缓存
public:              客户端和代理服务器都可缓存(前端的同学,可以认为public和private是一样的)
max-age=xxx:   缓存的内容将在 xxx 秒后失效
no-cache:          需要使用对比缓存来验证缓存数据(后面介绍)
no-store:           所有内容都不会缓存,强制缓存,对比缓存都不会触发(对于前端开发来说,缓存越多越好,so...基本上和它说886)

*对比缓存
客户端向缓存数据发请求,不管有没有缓存数据都会请求服务器


image.png

https://www.cnblogs.com/chenqf/p/6386163.html
content-type字段
服务器回应的时候,必须告诉客户端,数据是什么格式,这就是content-type的作用
常见的 一级类型/二级类型

content-type字段
text/plain
text/html
text/css
image/jpeg
image/png
image/svg+xml
audio/mp4
video/mp4
application/javascript
application/pdf
application/zip
application/atom+xml

Response Headers
Accept:/
Connection: keep-alive 持久连接(同一域名下,,大多数浏览器允许同时建立6个
持久连接)
Content-Type: text/html; charset=utf-8 发送的是网页,编码utf-8
Content-Length:3459 本次回应的长度是3495个字节,后面的字节就属于下一个
回应了

相关文章

  • 前端缓存的运用-Web离线应用解决方案—ServiceWorke

    内容概要 1.http请求过程(仅关于缓存部分)2.强缓存3.对比缓存4.http header (仅关于缓存部分...

  • 关于HTTP缓存

    HTPP缓存,浏览器会对静态文件进行缓存行为 第一次请求数据 *强制缓存客户端向浏览器发请求,如果没有缓存数据,向...

  • 关于HTTP缓存

    缓存的目的: 重用已获取的资源能够有效的提升网站与应用的性能。Web 缓存能够减少延迟与网络阻塞,进而减少显示某个...

  • 一文读懂http缓存(超详细)

    前端缓存 前端缓存可分为两大类:http缓存和浏览器缓存。我们今天重点讲的是http缓存,所以关于浏览器缓存大家自...

  • Retrofit和OkHttp使用网络缓存数据

    OkHttp缓存优化你的应用 Okhttp缓存原理 我们先从HTTP协议开始入手,关于缓存的HTTP请求/返回头由...

  • 前端面试的经典题第二弹

    http缓存的meta标签 HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1),...

  • 关于HTTP缓存机制

    HTTP缓存规则 根据是否需要重新向服务器发起请求来分类,将其分为两大类: 强制缓存 相对缓存(条件缓存) 缓存规...

  • 缓存机制

    又上图看出缓存的大致分类存储策略, 过期策略, 协商策略 HTTP缓存机制 我们先看看关于http header中...

  • HTTP缓存原理

    什么是HTTP缓存 HTTP缓存通常指浏览器缓存,基于HTTP中header字段实现HTTP缓存分为强缓存和协商缓...

  • 浏览器缓存

    HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1),Pragma(HTTP1.0...

网友评论

      本文标题:关于HTTP缓存

      本文链接:https://www.haomeiwen.com/subject/hhkliftx.html