客户端缓存

[gnosis23]

客户端缓存

HTTP缓存

• 强缓存：直接使用 disk cache；主要看 HTTP 里的 Cache-Control 和 Expires 头部
• 弱缓存：发送一个验证请求到服务端；主要看 ETag/If-None-Match 和 Last-Modified/If-Modified-Since

本地缓存

将数据按一定的算法转为 key，然后存储在浏览器里，如：

• localStorage
• indexedDB

ServiceWorker

有多种策略可供选择，比如优先本地缓存再网络缓存。 可以做到离线模式、预缓存资源，参考workbox

文件缓存

像 Electron 这些系统提供了读取本地文件的能力，这样就能使用文件存储了

参考

• https://mp.weixin.qq.com/s/43pa04szJ2zU_IyVP4LraQ
• https://github.com/alienzhou/fe-performance-journey/tree/master/1-cache