浏览器缓存策略梳理

前言

本文的内容前提是你对于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)访问资源及内联资源全部从服务器重新获取。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。