本文主要是介绍Web前端性能优化（三）添加Expires头，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
本文转自：http://www.chinaz.com/web/2015/0417/399716.shtml
什么是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文件来配置缓存。
<span style="font-size:18px;"><span style="font-family:SimSun;font-size:14px;"><!--单独配置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>
</span></span>这篇关于Web前端性能优化（三）添加Expires头的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
