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. 離線包技術