1.静态资源css,js,img—->托管cdn
最好办法是———优先从缓存获取(根据资源的hash从缓存中找)——-找不到,cdn获取
2.api接口
优先从网络获取—-若失败,从缓存获取
网络获取的结果不一样,缓存新结果

1.Cache only—>静态资源
2.Network only—->
3.Cache,falling back to network—>缓存优先
4.Network,falling back to cache —-> 网络优先
5.Cache & network race
6.Cache then network
7.Generic fallback

1.Cache only

image.png
所有资源请求直接直接从缓存中获取,找不到—->请求失败

2.Network only—-> 适用于前端用户行为日志打点之类的请求

只从网络返回—->缓存影响时效性(不使用缓存数据的情况)

image.png

3.Cache,falling back to network—>缓存优先

image.png

4.Network,falling back to cache —-> 网络优先—->适用于频繁更新的内容,希望用户总是看到最新的数据 ——>/api/movies

image.png
网络优先,失败则从缓存中获取。

5.Cache & network race

image.png
取两者最快响应的内容返回—->适用于老设备—>硬盘读取数据慢

6.Cache then network

image.png

7.Generic fallback

先从cache获取数据,cache没有则从网络获取,如果网络也不可用,则返回缓存中的默认内容
——->用户头像(默认头像)