缩短图片等待时间服务端缓存和客户端缓存

本文探讨了如何通过调整Cache-Control头和服务器配置加速图片加载,初次请求通过服务器验证缓存策略,后续依赖客户端缓存,减少延迟。运维改进后,通过Nginx实现更高效缓存,显著缩短请求时间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这里插入图片描述
一看这图片才3k,加载时间就要1.77s,还是CDN加速后的。
对比其他图片是用Cache-Control:no-cache;MDN上面解释是

no-cache在发布缓存副本之前,强制要求缓存把请求提交给原始服务器进行验证(协商缓存验证)

字意是不缓存的意思,很容易迷惑人,但是本质的函意,意味着每次发送请求静态资源时都需要向服务端进行一次过期认证,通常情况下,过期认真证需要配合(etag和Last-Modified)进行一个比较,这个话题后继再展开讨论,如果验证并没有过期,则会发送304的状态码,通知浏览进复用浏览器的缓存

然后发现在这里插入图片描述
让运维主管加了缓存

在这里插入图片描述
狗血他居然是一个图一个图改的
在这里插入图片描述
然后我告诉他可以在nginx加缓存
在这里插入图片描述
结果,请求等待的时间短了好多
在这里插入图片描述
再次请求时候,本地客户端磁盘缓存了
在这里插入图片描述
在这里插入图片描述

小结:
图片在服务器端和客户端缓存了,所以首次请求的时候等待时间变短了,再次请求的时候本地客户端磁盘缓存

(~ ̄▽ ̄)~,来讨论涉及的内容了:
下次更新
MDN:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Cache-Control
https://blog.youkuaiyun.com/u012375924/article/details/82806617
https://www.cnblogs.com/amiezhang/p/9389537.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值