浏览器的缓存方式几种

360影视 2025-02-10 00:59 3

摘要:Expires: Wed, 21 Oct 2025 07:28:00 GMT(绝对时间,容易受客户端时间影响)Cache-Control: max-age=3600, public(相对时间,推荐使用)

通过 Expires 或 Cache-Control 头部控制。在缓存有效期内,浏览器直接使用缓存,不发起请求。

关键HTTP头:

Expires: Wed, 21 Oct 2025 07:28:00 GMT(绝对时间,容易受客户端时间影响)Cache-Control: max-age=3600, public(相对时间,推荐使用)

存储位置:

Memory Cache(内存缓存):用于短时间内频繁访问的资源(如当前页面的 CSS、JS)。Disk Cache(磁盘缓存):用于存储较大的资源,关闭页面后仍然有效。如果强缓存失效,浏览器会发送请求,并通过协商缓存判断资源是否更新。如果资源未更新,服务器返回 304 Not Modified,浏览器继续使用缓存的资源。

关键HTTP头:

4.浏览器存储(LocalStorage / SessionStorage / IndexedDB)缓存方式是否需要请求过期控制适用场景强缓存否Cache-Control / Expires资源不变更,减少请求协商缓存是ETag / Last-Modified资源可能变更Service Worker否自定义缓存规则PWA、离线缓存浏览器存储否自己控制存储 JSON、用户设置Push Cache否仅会话内有效HTTP/2 服务器推送

你可以根据需求选择合适的缓存策略!

来源:百顺科技达人

相关推荐