强缓存
当响应头里有 Cache-Control: max-age=...,浏览器会在有效期内直接使用本地副本,不向服务器发请求。它快,也节省流量。
协商缓存
过期之后,浏览器会带着 If-None-Match 或 If-Modified-Since 去问服务器。资源没变时,服务器返回 304,浏览器继续使用本地文件。
实用经验
带哈希的静态资源适合长缓存,HTML 入口更适合短缓存或协商缓存。这样既能快,也能在发布新版本时及时更新。
返回首页Web / 4 min
缓存的核心问题只有一个:浏览器能不能确信手里的资源还新鲜。
当响应头里有 Cache-Control: max-age=...,浏览器会在有效期内直接使用本地副本,不向服务器发请求。它快,也节省流量。
过期之后,浏览器会带着 If-None-Match 或 If-Modified-Since 去问服务器。资源没变时,服务器返回 304,浏览器继续使用本地文件。
带哈希的静态资源适合长缓存,HTML 入口更适合短缓存或协商缓存。这样既能快,也能在发布新版本时及时更新。
返回首页