【架构师（第五十三篇）】 性能优化之 HTTP 缓存

ETag

ETagHTTP 响应头是资源的特定版本的标识符，这可以让缓存更高效，并节省带宽，因为如果内容没有改变，web 服务器不需要发送完整的响应。

第二次请求的时候会添加一个 If-None-Match 请求头，去判断文件是否发生过变化。

修改 nginx 配置文件

// conf\nginx.conf
http {etag off;
} 

这样就没有了

Last-Modified

Last-Modified 是一个响应首部，其中包含源头服务器认定的资源做出修改的日期及时间。

第二次请求的时候会添加一个 If-Modified-Since 请求头，去判断文件是否发生过变化。

修改 nginx 配置文件

// conf\nginx.conf
http { add_header Last-Modified "";
} 

这样就没有了

Expires

Expires 响应头包含日期/时间， 即在此时候之后，响应过期。

使用 nginx 的 expires 指令添加对应的响应头。

修改 nginx 配置文件

// conf\nginx.conf
http {expires 5s;
} 

当我们再次访问的时候，可以看到 from memory cache

可以看到时间是非常快的

但是好像 html 文件并没有被缓存。是因为浏览器自动添加了请求头 Cache-Control:max-age=0，导致没有缓存起来。

Cache-Control

Cache-Control 通用消息头字段，被用于在 http 请求和响应中，通过指定指令来实现缓存机制。

修改 nginx 配置文件

// conf\nginx.conf
http {
 add_header Cache-Control no-store;
} 

总结

最后

为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。



有需要的小伙伴，可以点击下方卡片领取，无偿分享