浏览器缓存策略梳理

前言

本文的内容前提是你对于http响应头cache-control、pragma有一个基本了解，如不了解请访问developer.mozilla.org

协商缓存（no-cache / max-age=0 / max-age=0, must-revalidate ）

1、通过链接点击访问、不向服务端校验资源有效性，直接使用缓存。
2、通过地址栏输入回车访问、访问资源以及内联资源会向服务器校验缓存有效性。
3、用户主动触发刷新、界面打开时间较长会向服务器校验访问资源及内联资源有效性。打开时间较短则只向服务器校验访问资源有效性，其他内联资源则不校验有效性，直接使用缓存。
4、用户强刷（Control + F5）访问资源及内联资源全部从服务器重新获取。

强制缓存（max-age=infinity）

1、通过链接点击访问，直接使用缓存。
2、通过地址栏输入回车访问或者用户主动触发刷新、缓存未过期，访问资源会向服务器校验资源有效性，内联资源则直接使用缓存。缓存过期，则向服校验所有资源有效性确认是否使用缓存。
3、用户强刷（Control + F5）访问资源及内联资源全部从服务器重新获取。