

首页  思维导图  详情



Web缓存

2018-04-16 16:15:50   0  举报





仅支持查看

AI智能生成

web 缓存描述

缓存

模版推荐

作者其他创作

大纲/内容

浏览器缓存

indexDB

storage

性质：本地缓存，但是存放的数据不多 html5新增的特性，支持的接口比较全面

localStorage

持久化的存储方案，如果不手动清除，数据就永远不会过期

理论上可以存储的数据大小为（IE：10MB，CHROME：5MB）

缺点： （1）大小限制在500万字符左右，但是各个浏览器不一致 （2）在隐私模式下不可读取 （3）不能被爬虫爬取

sessionStorage

会话级别的存储方案，关闭浏览器的话就会清除数据

数据作用域是窗口级别，不同窗口间的sessionStorage数据不能共享

拥有同样的属性和方法

概念：一种回话跟踪技术，请求和响应之间携带cookie用来确认身份

补充： （1）大小：4KB （2）始终在同源的http请求中携带 （3）有效性，安全性和跨域问题

http头缓存

强缓存

Expire（http1.0 优先级较低）

缓存过期的时间，但是是相对值

Cache-Control (http 1.1 优先级更高)

max-age

设置缓存的最长时间，单位是秒 多个请求之间的间隔如果小于max-age，则无需发服务器请求， 直接读取缓存

public/private

用于设置缓存是否共享

no-cache

s-maxage

协商缓存

Etag

由服务器端上生成的一段 hash 字符串， 第一次请求时响应头带上 ETag: abcd， 之后的请求中带上 If-None-Match: abcd， 服务器检查 ETag

优先级问题： 由于Last-Modified的精确度到秒，而Etag检测是文件内容是否变化的hash值； 并且文件如果频繁的发生修改的话，Last-Modified可能没有发生改变； 因此Etag的精准度高于Last-Modified，所以如果请求头中包含这两个字段，优先验证Etag

Last-Modified

配合If-Modified-Since

第一次请求之后，浏览器记录这个时间， 再次请求时，请求头部带上 If-Modified-Since 即为之前记录下的时间。 服务器端收到带 If-Modified-Since 的请求后会去和资源的最后修改时间对比。 若修改过就返回最新资源，状态码 200，若没有修改过则返回 304。

服务器端资源的最后修改时间

服务器缓存

数据库缓存

 Collect

Get Started

传统Web应用

 Collect

Get Started

网站缓存方案

 Collect

Get Started

封杀缓存逻辑改造

 Collect

Get Started

web





0 条评论

下一页