、《2024面试高频手撕题》

本文将介绍HTTP缓存的重要性、缓存策略以及常见的缓存头信息如Cache-Control、Expires、Last-Modified和Etag帮助您了解如何利用缓存提高网站性能和用户体验。

在现代Web开发中性能优化是提升用户体验的关键。

HTTP缓存是一种优化网站性能的技术它允许浏览器缓存静态资源减少重复请求从而提高加载速度和运行效率。

接下来让我们一起来探索HTTP缓存策略的奥秘。

1️⃣

Cache-Control是HTTP缓存控制的首选头部信息它允许服务器和客户端指定缓存策略。

Cache-Control可以设置缓存的最大过期时间、是否允许缓存、是否需要重新验证等。

常见的Cache-Control值包括public、private、no-cache、max-age等。

Cache-Control

标头可以控制缓存是否只对发送方有效或者可以被任何缓存代理缓存。

例如以下代码设置缓存为私有缓存

private,

与设置缓存私有性相反以下代码设置缓存为公共缓存可以被任何缓存代理缓存

public,

must-revalidate);或者以下代码设置缓存协商为“关”

no-cache);设置多个缓存指令

标头可以有效地控制缓存的行为从而提高网站性能和减少服务器负载。

2️⃣

Expires是HTTP缓存的早期头部信息它指定了资源的过期时间。

当资源过期后浏览器会重新请求服务器获取最新版本。

Expires的值是一个绝对时间戳表示资源到指定时间点为止都是有效的。

Expires

标头可以有效地控制缓存的行为告诉客户端缓存应该在哪个时间点之后进行更新。

这样可以减少网络请求提高网站性能。

但是由于服务器和客户端之间的时间同步问题以及代理服务器可能修改或删除

Expires

Last-Modified是HTTP缓存的另一个头部信息它指定了资源的最后修改时间。

当浏览器请求资源时会携带Last-Modified的值服务器会根据这个值判断资源是否已经更新。

如果资源未更新服务器会返回304

Not

响应标头之一用于指定资源最后一次修改的日期和时间。

以下是一些使用

Last-Modified

标头可以实现缓存控制通过比较服务器端和客户端资源最后一次修改的时间可以决定是否需要重新获取资源。

但是由于服务器和客户端之间的时间同步问题Last-Modified

标头已经逐渐被

Etag是HTTP缓存的另一种头部信息它是一个唯一标识资源的哈希值。

当浏览器请求资源时会携带Etag的值服务器会根据这个值判断资源是否已经更新。

如果资源未更新服务器会返回304

Not

标头可以实现缓存控制通过比较服务器端和客户端资源的一致性可以决定是否需要重新获取资源。

ETag

标头比

标头更可靠因为其不会受到服务器和客户端之间的时间同步问题影响。

ETag

状态码表示资源未修改客户端可以继续使用缓存的资源。

如果不匹配服务器将返回新的

ETag

HTTP缓存是一种优化网站性能的重要技术它允许浏览器缓存静态资源减少重复请求从而提高加载速度和运行效率。

通过了解Cache-Control、Expires、Last-Modified和Etag等缓存头信息我们可以更好地利用缓存提高网站性能和用户体验。

参考资料

HTTP缓存控制指南HTTP缓存策略解析HTTP缓存头部信息详解