10.16

性能优化策略（空间换时间）

1.减少延迟

2.降低网络负载

3.保证稳定性

http缓存 1.0

1. expires 设置对象有效期

2. cache-control

3. last-modified 设置对象的最后修改时间

4. E-tag 可能在同一秒保存两次，可能服务器文件修改时间不一致

5. max-age

资源缓存方案

1. html (no-cache) 本机服务器 需要服务器渲染不能cdn缓存

2. css/js (md5/timestmap/version + 长缓存) cdn

3. image (随机名字uuid + 长缓存)

数据缓存

1. Cookie image/css access-control-allow-origin一般都会设置*

2. localStorage

• 存爆处理

• 数据踢出，怎样踢出

3. SessionStorage

4. IndexedDB

• App Cache

  • 缓存错误页面

  • 更新失败，回退上一版本

  • break change

  • manifest也被缓存

Service Work

浏览器请求层建了个服务器

localStorage 数据存储

IndexedDB flag新手指引

Hybrid App 缓存技术

1. 离线包技术