Web前端性能优化教程03：添加Expires头

expires

本文是Web前端性能优化系列文章中的第三篇，主要讲述添内容：加expires头。完整教程可查看：Web前端性能优化

什么是Expires头？

Expires存储的是一个用来控制缓存失效的日期。当浏览器看到响应中有一个Expires头时，它会和相应的组件一起保存到其缓存中，只要组件没有过期，浏览器就会使用缓存版本而不会进行任何的HTTP请求。Expires设置的日期格式必须为GMT（格林尼治标准时间）。

HTTP1.1协议中缓存的另一种选择

Expires存在着明显的不足。

首先，Expires头使用的是一个特定的时间，要求客户端和服务器端的时钟严格同步。何为严格同步？我们知道客户端的时间是可以修改的，如果服务器和客户端的时间不统一，这就导致有可能出现缓存提前失效的情况，存在不稳定性。其次，假如Expires的日期到来了，那么还需要在服务器配置中提供一个新的日期。

面对这种情况，HTTP1.1引入了cache-Control头来克服Expires头的限制。Cache-Control使用max-age制定组件被缓存多久，使用秒为单位，例如Cache-Control：max-age=3600；表示组件将被缓存60分钟。如果max-age和Expires同时出现，则max-age有更高的优先级，浏览器会根据max-age的时间来确认缓存过期时间。

Cache-Control除了可以设置max-age之外，还可以同时设置其他标签。如下图所示常用标签：

如何配置过期缓存？

在ASP.NET下，可以通过web.config文件来配置缓存。

<!--单独配置Expires--><system.webServer> <staticcontent> <clientCache cacheControlMode="UseExpires" httpExpires="Sun, 29 Mar 2020 00:00:00 GMT"/><!--表示过期时间为2020年3月29号--> </staticContent></system.webServer><!--单独配置max-age--><system.webServer> <staticContent> <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="30.00:01:00"/><!--表示过期时间为（30*24*60*60+60）s后--> </staticContent></system.webServer>

相关阅读

网站推广6种有效方法分享,搜索引擎优化

　　作为一名合格的站长要想去长久的远营一个网站，就需要不断的增加你的网站流量，不断的增加你网站的询盘量，那么你就需要懂得网站推

这是网络推广优化必经的几个阶段

　　推广一个网站并不难，但也不是那么简单。可以说网络推广是一项复杂的活动，它创造了许多不可预测的变量。此外还将分析社交媒体对

网站推广营销方式选择,网站内部布局优化策略

　　怎么做网站推广一直是广大朋友心中的一个疑问，很多人都接触过网站推广，但大多数效果并不是很理想，网站推广并不是单单做了一个网

常用的网站推广方式总结,SEO优化

　　如今网站推广的方式很多。人们最普遍的几类推广方式有下列几类。一起和小编来看一下吧!　　一、SEO优化　　SEO就是指运用百

有哪些常见的网络推广方式,SEO优化

　　如今做网站的人越来越多，网站建设、推广的方式也层出不穷。下面我们来说一下最普遍的几类推广方式。　　一、SEO优化　　SEO就