前端缓存策略

前端缓存

1. 优点

• 加快网站加载速度，请求更快
• 节省带宽甚至无需网络请求
• 降低服务器压力

2. 分类

1） 强缓存：HTTP的response header 中的cache-control 控制

• private: 仅浏览器可以缓存
• public: 浏览器和代理服务器都可以缓存
• max-age=xxx: 过期时间，精确到秒
• no-cache: 不进行强缓存
• no-store: 不进行强缓存也不进行协商缓存

2) 协商缓存：Cache-control: no-cache、max-age 过期了，并且通过Etag（每个文件的hash）和last-modified（文件的修改时间）和服务器验证了缓存的有效性，当返回304 时使用协商缓存，返回200 时，再次请求服务器更新资源。

一般来说HTML 使用协商缓存，CSS、JS、图片等使用强缓存