nginx设置html过期,nginx 设置资源过期时间

例如我们现在有一个静态资源 s.css

page.html 中引用了 s.css

访问page.html,通过firebug查看网络请求,会看到发送了2个网络请求,正常返回200状态

b9d4c7248abae64bf3877eefb13fae99.png

由于浏览器有默认缓存,再次访问page.html时,可以看到还是发送了2个网络请求,返回状态变为了304,也就是浏览器向服务器发送请求后发现文件没有变化,就是用了本地缓存

17a97fa926c236d1b5aa3e527173352f.png

304的情况已经提高了访问性能,但还是需要和服务器有一次网络沟通

现在我们希望省掉这个不必要的网络请求,让服务器直接使用本地缓存,就需要服务器对资源进行过期时间的配置,明确告诉浏览器多长时间内不用请求此资源了

现在我们对css文件进行过期配置,指明两天后过期

配置

location ~ .*\.css$ {

expires 2d;

}

现在把浏览器缓存清掉,访问page.html,得到200的响应,再访问page.html,就会看到浏览器只发送了一次请求,只请求了page.html,没有了s.css的请求,切换到css标签,就会看到s.css的缓存状态

38525d8ae9f769e9e33026c89202309f.png

edce8fced54be2befbbac3ca61929483.png

expires 指令可以控制 HTTP 应答中的“ Expires ”和“ Cache-Control ”的头标(起到控制页面缓存的作用)

语法:expires [time|epoch|max|pff]

默认值:off

time - 可以使用正数或负数,“Expires”的值 = 当前系统时间 + time值

epoch - 指定“Expires”的值为 1 January,1970,00:00:01 GMT

max - 指定“Expires”的值为 31 December2037 23:59:59GMT, "Cache-Control"的值为10年

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值