前端性能优化-静态资源优化5-JS 缓存策略

本文地址： https://www.cnblogs.com/veinyin/p/14274270.html

1 cookie

cookie 通常由浏览器存储，请求时一起发送给服务器，服务器也可以发出带 cookie 的响应头，可以设置过期时间

使用：

• 会话管理：用户名、购物车信息、游戏得分、服务器要记录的内容

• 个性化管理：用户首选项、主题等

• 跟踪：记录和分析用户行为，如埋点等

2 SessionStorage

创建本地存储的键值对，主要用于页面应用在页面之间传值，页面关闭后清空

3 IndexDB

索引数据库，容量大

应用：

• 客户端存储大量结构化数据

• 没有网络连接（断网、弱网）时使用（Google Doc、石墨文档）

• 存储冗余、很少修改但又经常访问的数据，避免随时从服务器获取数据

4 LocalStorage

本地存储，长期存储，除非用户或程序主动清除

应用：

• 缓存静态文件内容（JS、CSS，内容更新通过 MD5 编码对比）

• 缓存不常变更的接口 API 数据

• 存储地理位置信息

• 浏览页面的具体位置