强缓存和协商缓存是浏览器缓存机制的两种不同策略,用于优化网页加载速度和减少网络请求。
强缓存(HTTP Cache-Control 和 Expires):
强缓存是通过在HTTP响应头中设置相关字段来实现的,它告诉浏览器在一段时间内直接使用缓存的资源,而不必再向服务器发起请求。两个主要的HTTP响应头字段用于强缓存:
-
Cache-Control :这是一个指令,可以设置多种缓存策略,如
public
(允许所有缓存)、private
(只允许私有缓存,如浏览器缓存,不允许代理服务器缓存)、max-age
(指定缓存的最长时间,以秒为单位)等。 -
Expires:这是一个日期时间,指定了资源的到期时间。在到期时间之前,浏览器可以从缓存中加载资源,无需再次请求。
协商缓存(HTTP ETag 和 Last-Modified):
协商缓存是通过在HTTP请求头中包含条件信息,与服务器进行"协商",以确定是否需要重新获取资源。这个机制避免了不必要的网络传输,当资源没有发生实际变化时,浏览器可以直接使用缓存。
-
ETag (实体标签):这是服务器生成的资源唯一标识符,可以是资源内容的哈希值或其他标识。当浏览器请求资源时,服务器会在响应头中发送ETag。如果浏览器再次请求资源,它会在请求头中携带
If-None-Match
字段,包含上次获取的ETag。服务器会检查ETag是否与当前资源匹配,如果匹配则返回304 Not Modified,浏览器可以使用缓存。 -
Last-Modified :这是资源的最后修改时间,服务器在响应头中发送。浏览器再次请求资源时,会在请求头中携带
If-Modified-Since
字段,包含上次获取的资源的最后修改时间。服务器会检查最后修改时间是否一致,如果一致则返回304 Not Modified,浏览器可以使用缓存。
强缓存和协商缓存可以结合使用,从而更有效地控制资源的缓存策略。当浏览器首次请求资源时,会根据响应头中的缓存策略来决定是否将资源存入缓存。当浏览器再次请求资源时,会根据缓存策略和协商缓存机制来决定是否使用缓存,或者是否与服务器进行协商,以确定是否需要重新获取资源。