Expires

（装载）

简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免不少没必要要的Http请求，WEB服务器使用Expires头来告诉Web客户端它可使用一个组件的当前副本，直到指定的时间为止。

例如：Expires：Thu，15 Apr  2010  20：00：00  GMT;  他告诉浏览器缓存有效性持续到2010年4月15日为止，在这个时间以内相同的请求使用缓存，这个时间以外使用http请求。

 

Cathe-Control：max-age=315360000

Expires有一个很是大的缺陷，它使用一个固定的时间，要求服务器与客户端的时钟保持严格的同步，而且这一天到来后，服务器还得从新设定新的时间。

HTTP1.1引入了Cathe-Control，它使用max-age指定组件被缓存多久，从请求开始在max-age时间内浏览器使用缓存，以外的使用请求，这样就能够消除Expires的限制，

若是对浏览器兼容性要求很高的话，能够两个都使用。

 

这里对http 304 状态结合max-age作一个总结：

浏览器初次访问服务器---------------服务器返回200状态

以下图：

浏览器再次请求服务器时，浏览器会先判断max-age，若是到期则直接请求服务器，不然直接从缓存中取，

服务器收到请求后，判断文件是否被修改过，如果则直接返回200，不然返回304，浏览器将从缓存中获取文件。

 

 

若同步刷新页面，则浏览器并不会先判断max-age，而是直接发送请求，服务器接收到请求后，判断文件是否有变化，如有则返回200，若没有则返回304

 

修订文件名

浏览器利用max-age取出缓存有很大的缺陷，若是在max-age时间内，服务器文件有修改，这样用户就不能第一时间获取最新的信息，所以这里最有效的方法是修改请求的文件名。

但为了确保用户能获取组件最新版本，须要在整个项目中修改组件的文件名，这取决于你的html页面，这项工做可能很轻松也可能很痛苦，

这里先埋个伏笔：在生产环境中利用gulp和MD5加密自动化完成修订文件名功能^_^